@layer base{:root{--primary:#0052FF;--primary-light:#2D6CFF;--primary-dark:#0039B3;--secondary:#7C3AED;--accent:#EC4899;--success:#10B981;--warning:#F59E0B;--error:#EF4444;--background:#FAFAFA;--foreground:#111827;--surface:#FFFFFF;--border:#E5E7EB;--text-primary:#111827;--text-secondary:#6B7280;--text-tertiary:#9CA3AF;--card-bg:#FFFFFF;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-glow:0 0 20px rgba(0,82,255,0.3)}@media (prefers-color-scheme:dark){:root{--background:#0F172A;--foreground:#F1F5F9;--surface:#1E293B;--border:#475569;--text-primary:#F1F5F9;--text-secondary:#CBD5E1;--text-tertiary:#94A3B8;--card-bg:#1E293B}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}body{color:var(--foreground);background:var(--background);font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;font-size:1rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);color:white;box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 30px rgba(0,82,255,.4)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--foreground);border:2px solid var(--border);box-shadow:var(--shadow-md)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card{background:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-glass{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.gradient-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%)}.gradient-rainbow{background:linear-gradient(135deg,#FF0080,#FF8C00 25%,#40E0D0 50%,#4169E1 75%,#FF0080);background-size:200% 200%;animation:rainbow 3s ease infinite}@keyframes rainbow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;animation:shimmer 2s infinite}