@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--background:#0a0a0f;--background-secondary:#12121a;--background-elevated:#1a1a24;--surface:#1a1a24b3;--surface-hover:#242432cc;--surface-glass:#ffffff08;--foreground:#ffffffeb;--foreground-muted:#ffffff8c;--foreground-subtle:#ffffff59;--primary:#6366f1;--primary-glow:#6366f166;--primary-foreground:#fff;--accent:#22d3ee;--accent-glow:#22d3ee4d;--secondary:#ffffff14;--secondary-foreground:#ffffffe6;--success:#10b981;--success-glow:#10b9814d;--warning:#f59e0b;--destructive:#ef4444;--destructive-glow:#ef44444d;--border:#ffffff14;--border-subtle:#ffffff0a;--input:#ffffff1a;--ring:var(--primary);--gradient-primary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);--gradient-accent:linear-gradient(135deg,#06b6d4 0%,#22d3ee 50%,#67e8f9 100%);--gradient-card:linear-gradient(145deg,#ffffff0d 0%,#ffffff05 100%);--gradient-glow:radial-gradient(ellipse at 50% 0%,#6366f126 0%,transparent 60%);--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--blur-glass:blur(20px);--blur-subtle:blur(8px);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 40px var(--primary-glow);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";background:var(--gradient-glow);pointer-events:none;z-index:-1;height:50vh;position:fixed;top:0;left:0;right:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--foreground);margin-bottom:var(--spacing-4);font-weight:600;line-height:1.3}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.375rem}h3{font-size:1.125rem}p{color:var(--foreground-muted);margin-bottom:var(--spacing-4);line-height:1.6}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.container{width:100%;max-width:640px;padding:0 var(--spacing-4);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.shrink-0{flex-shrink:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.uppercase{text-transform:uppercase}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leading-tight{line-height:1.25}.text-muted{color:var(--foreground-muted)}.text-subtle{color:var(--foreground-subtle)}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-destructive{color:var(--destructive)}.bg-background{background-color:var(--background)}.bg-surface{background-color:var(--surface)}.bg-primary{background:var(--gradient-primary);color:var(--primary-foreground)}.bg-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.bg-success{background-color:var(--success)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.pb-2{padding-bottom:var(--spacing-2)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.m-0{margin:0}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--border)}.border-subtle{border:1px solid var(--border-subtle)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-glow{box-shadow:var(--shadow-glow)}.transition{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.cursor-pointer{cursor:pointer}.hover\:glow:hover{box-shadow:var(--shadow-glow)}.hover\:lift:hover{transform:translateY(-2px)}.glass{background:var(--surface);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border);border-radius:var(--radius-lg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px var(--primary-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.4s ease-out forwards fadeIn}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.skeleton{background:linear-gradient(90deg,var(--surface)25%,var(--surface-hover)50%,var(--surface)75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s infinite shimmer}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width:768px){.hide-on-mobile{display:none!important}}