@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--primary-hsl:230, 85%, 60%;--primary:hsl(var(--primary-hsl));--primary-hover:#2b4bee;--primary-light:#e7ebfd;--secondary-hsl:260, 85%, 62%;--secondary:hsl(var(--secondary-hsl));--accent-hsl:180, 80%, 45%;--accent:hsl(var(--accent-hsl));--bg-raw:220, 20%, 97%;--bg:hsl(var(--bg-raw));--surface-raw:0, 0%, 100%;--surface:hsl(var(--surface-raw));--border:#e2e4e9;--text-primary:#121b2b;--text-secondary:#626d84;--text-muted:#9da3af;--success:#15c15d;--success-light:#e8fcf1;--warning:#f9a006;--warning-light:#fef5e6;--danger:#ee2b3b;--danger-light:#fde7e9;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #0000000f;--shadow-lg:0 16px 40px #00000014;--shadow-glow:0 0 20px rgba(var(--primary-hsl), .35);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--glass-bg:#ffffffb3;--glass-border:#fff6;--glass-blur:blur(12px)}@media (prefers-color-scheme:dark){:root{--primary-hsl:230, 90%, 65%;--primary:hsl(var(--primary-hsl));--primary-hover:#6e85f7;--primary-light:#040f49;--secondary-hsl:260, 90%, 68%;--secondary:hsl(var(--secondary-hsl));--bg-raw:224, 25%, 8%;--bg:hsl(var(--bg-raw));--surface-raw:224, 25%, 12%;--surface:hsl(var(--surface-raw));--border:#252a37;--text-primary:#f3f4f7;--text-secondary:#b9bdc6;--text-muted:#737b8c;--success:#17cf63;--success-light:#06371b;--warning:#f9a410;--warning-light:#3c2602;--danger:#f04251;--danger-light:#390509;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 40px #0006;--shadow-glow:0 0 25px rgba(var(--primary-hsl), .25);--glass-bg:#14182699;--glass-border:#ffffff14}}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-feature-settings:"cv02", "cv03", "cv04", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:600;line-height:1.25}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-bg{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%)}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.glass-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary{font-family:var(--font-display);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{font-family:var(--font-display);background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);padding:12px 24px;font-weight:600}.btn-secondary:hover{background-color:var(--primary-light);border-color:var(--primary);transform:scale(1.02)}.btn-secondary:active{transform:scale(.98)}.input-field{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:14px 16px;font-size:14px}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-hsl), .15)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}