:root{--bg: #fdfcfa;--bg-cream: #f5efe6;--bg-card: #ffffff;--ink: #1a1f3a;--ink-soft: #3a405a;--muted: #7b7f95;--line: #e9e2d4;--line-soft: #f0ebe0;--navy: #2d4a7c;--navy-deep: #1f3558;--navy-soft: #e8edf5;--coral: #e87a5d;--coral-soft: #fae3da;--yellow: #f4d35e;--yellow-soft: #fcf1c8;--leaf: #6a9a6e;--leaf-soft: #dfecdf;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 1px 0 rgba(26,31,58,.04), 0 2px 6px rgba(26,31,58,.04);--shadow: 0 2px 0 rgba(26,31,58,.04), 0 8px 24px rgba(26,31,58,.06);--shadow-lg: 0 4px 0 rgba(26,31,58,.04), 0 24px 48px rgba(26,31,58,.1);--font-display: "DM Serif Display", Georgia, serif;--font-body: "Geist", "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;line-height:1.05}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tnum{font-variant-numeric:tabular-nums}#root{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:999px;font-size:15px;font-weight:500;transition:transform .12s ease,background .12s ease,box-shadow .12s ease;border:1px solid transparent;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:var(--navy-deep)}.btn-primary:disabled{opacity:.45;pointer-events:none}.btn-coral{background:var(--coral);color:#fff}.btn-coral:hover{background:#d6694d}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--bg-cream)}.btn-cream{background:var(--bg-cream);color:var(--ink);border-color:var(--line)}.btn-cream:hover{background:#ece5d6}.btn-lg{padding:16px 28px;font-size:16px}.btn-sm{padding:8px 14px;font-size:13px}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px}.card-cream{background:var(--bg-cream);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 32px}.row{display:flex;gap:16px;align-items:center}.col{display:flex;flex-direction:column;gap:16px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--bg-cream);border:1px solid var(--line);font-size:12px;font-weight:500;color:var(--ink-soft);align-self:flex-start;width:fit-content}.scribble{position:relative;display:inline-block}.scribble:after{content:"";position:absolute;left:-4px;right:-4px;bottom:-6px;height:12px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'><path d='M2 8 C 30 2, 60 12, 100 6 S 170 2, 198 10' fill='none' stroke='%23e87a5d' stroke-width='3' stroke-linecap='round'/></svg>");background-size:100% 100%;background-repeat:no-repeat}.input,.select{width:100%;padding:14px 16px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);font-size:15px;color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease;outline:none}.input:focus,.select:focus{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-soft)}.input::placeholder{color:var(--muted)}.label{display:block;font-size:13px;font-weight:500;color:var(--ink-soft);margin-bottom:8px}.help{font-size:12px;color:var(--muted);margin-top:6px;margin-bottom:0}.progress{position:relative;height:10px;background:var(--line-soft);border-radius:999px;overflow:hidden}.progress-fill{position:absolute;inset:0 auto 0 0;background:var(--navy);border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.progress-fill.coral{background:var(--coral)}.progress-fill.yellow{background:var(--yellow)}.progress-fill.leaf{background:var(--leaf)}.hover-pop{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:8px 12px;background:var(--ink);color:var(--bg);font-size:12px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:10}.hover-pop:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--ink)}.has-pop:hover .hover-pop{opacity:1;transform:translate(-50%) translateY(-2px)}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--line)}.step-dot.active{background:var(--coral);width:24px;border-radius:999px}.step-dot.done{background:var(--leaf)}@keyframes fadeUp{0%{transform:translateY(8px)}to{transform:translateY(0)}}.fade-up{animation:fadeUp .4s cubic-bezier(.22,1,.36,1)}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}.float-slow{animation:float-slow 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes float-fast{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-3deg)}}.float-fast{animation:float-fast 4.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1a1f3a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;padding:24px}.auth-close{font-size:22px;color:var(--muted);width:28px;height:28px;border-radius:50%;line-height:1;padding-bottom:2px;display:inline-flex;align-items:center;justify-content:center}.auth-close:hover{background:#0000000d;color:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#d8d0bf}::selection{background:var(--yellow);color:var(--ink)}@media (max-width: 640px){html,body{font-size:15px}.container{padding:0 20px}.btn-lg{padding:14px 22px;font-size:15px}.btn{padding:11px 16px;font-size:14px}.card,.card-cream{padding:20px;border-radius:var(--radius)}}@media (max-width: 420px){.container{padding:0 16px}}