*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 14px #0000001a;--shadow-lg:0 10px 40px #0000001f;--accent:#2563eb;--accent-light:#eff6ff;--accent-hover:#dbeafe}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}html,body,#root{background:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);overflow-x:hidden}body{position:relative}img{max-width:100%;height:auto}@media (width<=768px){html{font-size:14px}}@media (width<=480px){html{font-size:13px}}@media (width<=768px){button,a,input,select,textarea{min-height:44px}}