:root{--background:#030303;--foreground:#fff;--primary:#5b4fe8;--primary-hover:#4e40e5;--surface:#0a0a0a;--surface-hover:#141414;--surface-light:#18181b;--border:#27272a;--border-light:#ffffff1a;--text-muted:#a1a1aa}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:inherit}@keyframes pulse{0%,to{opacity:1}50%{opacity:.2}}@keyframes shimmer{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 15px #5b4fe866)}50%{filter:drop-shadow(0 0 25px #5b4fe8b3)}}.animate-fade-in{opacity:0;animation:.8s ease-out forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.glass-navbar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);background:#030303b3}.glass-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:all .3s}.glass-card:hover{background:var(--surface-light);border-color:#5b4fe880;transform:translateY(-4px);box-shadow:0 10px 30px -10px #5b4fe833}.gradient-text{background:linear-gradient(#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.primary-gradient-text{background:linear-gradient(135deg,#7c72ff 0%,#4a3dd9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);transform:scale(1.02)}.btn-secondary{color:#fff;border:1px solid var(--border-light);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;transform:scale(1.02)}:root[data-theme=light],[data-theme=light]{--background:#f8fafc;--foreground:#1e293b;--primary:#5b4fe8;--primary-hover:#4e40e5;--surface:#fff;--surface-hover:#f1f5f9;--surface-light:#e2e8f0;--border:#e2e8f0;--border-light:#00000014;--text-muted:#64748b}[data-theme=light] .glass-navbar,[data-theme=light] .glass-navbar{background:#f8fafcd9;border-bottom:1px solid #00000014}[data-theme=light] .glass-card,[data-theme=light] .glass-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .glass-card:hover,[data-theme=light] .glass-card:hover{background:#f8fafc;border-color:#5b4fe84d;box-shadow:0 10px 30px -10px #5b4fe826}[data-theme=light] .gradient-text,[data-theme=light] .gradient-text{background:linear-gradient(#1e293b 0%,#64748b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .btn-secondary,[data-theme=light] .btn-secondary{color:#1e293b;background:#00000005;border:1px solid #00000026}[data-theme=light] .btn-secondary:hover,[data-theme=light] .btn-secondary:hover{background:#0000000d}
