:root{--color-bg:#0a0a0a;--color-bg-elevated:#121212;--color-surface:#1a1a1a;--color-surface-hover:#222;--color-border:#2a2a2a;--color-border-light:#333;--color-text-primary:#fff;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-text-inverse:#0a0a0a;--color-brand:#4690ff;--color-brand-hover:#5aa3ff;--color-brand-active:#3578e0;--color-brand-light:#4690ff26;--color-brand-glass:#4690ff14;--color-success:#22c55e;--color-success-light:#22c55e26;--color-warning:#f59e0b;--color-warning-light:#f59e0b26;--color-error:#ef4444;--color-error-light:#ef444426;--glass-bg:#1a1a1ab3;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0006;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--nav-height:80px}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.btn{border-radius:var(--radius-full);transition:all var(--transition-base);justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-brand);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-brand-hover);box-shadow:0 4px 20px var(--color-brand-light);transform:translateY(-1px)}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);color:var(--color-text-primary)}.btn-glass:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.btn-outline{border:1px solid var(--color-border-light);color:var(--color-text-secondary);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--color-brand);color:var(--color-brand);background:var(--color-brand-light)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-surface-hover)}.input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);transition:all var(--transition-fast);padding:12px 16px}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-light);outline:none}.label{color:var(--color-text-secondary);margin-bottom:8px;font-size:.8125rem;font-weight:500;display:block}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.card:hover{border-color:var(--color-border-light);box-shadow:0 4px 16px #0006}.section{padding:var(--space-10) var(--space-5)}.container{width:100%;max-width:1200px;padding:0 var(--space-5);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.px-4{padding-left:16px;padding-right:16px}.py-3{padding-top:12px;padding-bottom:12px}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.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}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-brand{color:var(--color-brand)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out forwards}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pb-nav-height{padding-bottom:var(--nav-height)}@media (width<=640px){.section{padding:var(--space-8) var(--space-4)}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}}