:root{--blue: 211 100% 50%;--indigo: 230 100% 67%;--gray-1: 210 5% 96%;--gray-2: 210 4% 91%;--gray-3: 210 3% 81%;--gray-4: 210 3% 61%;--gray-5: 210 4% 38%;--gray-6: 210 6% 23%;--gray-7: 210 6% 13%;--bg: 0 0% 99%;--bg-secondary: 210 5% 98%;--text: var(--gray-7);--text-secondary: var(--gray-5);--border: var(--gray-2);--shadow: 210 10% 80%;--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;--radius: 16px;--radius-inner: 12px;--radius-small: 8px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--duration: .28s;--spring: cubic-bezier(.54, .12, .24, 1.32)}@media (prefers-color-scheme: dark){:root{--bg: 210 6% 10%;--bg-secondary: 210 6% 13%;--text: 0 0% 99%;--text-secondary: 210 4% 80%;--border: 210 4% 22%;--shadow: 210 20% 5%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-system);background:hsl(var(--bg));color:hsl(var(--text));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.47;letter-spacing:-.01em}.glass{background:hsl(var(--bg-secondary) / .65);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 4px 24px hsl(var(--shadow) / .08),0 1px 2px hsl(var(--shadow) / .06);transition:transform var(--duration) var(--spring),box-shadow var(--duration) var(--ease)}.glass:hover{transform:translateY(-2px);box-shadow:0 8px 32px hsl(var(--shadow) / .12),0 2px 4px hsl(var(--shadow) / .08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-size:15px;font-weight:500;border-radius:var(--radius-small);border:none;cursor:pointer;transition:all var(--duration) var(--ease);outline:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:focus-visible{box-shadow:0 0 0 3px hsl(var(--blue) / .35)}.btn-primary{background:hsl(var(--blue));color:#fff}.btn-primary:hover{background:hsl(var(--blue) / .92)}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:hsl(var(--gray-1));color:hsl(var(--text));border:1px solid hsl(var(--border))}.btn-secondary:hover{background:hsl(var(--gray-2))}.input{width:100%;padding:12px 16px;font-size:16px;border:1px solid hsl(var(--border));border-radius:var(--radius-small);background:hsl(var(--bg));color:hsl(var(--text));transition:border var(--duration) var(--ease),box-shadow var(--duration) var(--ease);outline:none}.input:focus{border-color:hsl(var(--blue));box-shadow:0 0 0 3px hsl(var(--blue) / .15)}h1,h2,h3{font-weight:600;letter-spacing:-.02em}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s var(--ease-out) forwards}.center{display:flex;align-items:center;justify-content:center}.col{flex-direction:column}.gap-8{gap:8px}.gap-16{gap:16px}.mt-16{margin-top:16px}.w-full{width:100%}