:root{--page: #080808;--sheet: #101011;--card: #161616;--card-hover: #1c1c1c;--card-sel: #241a12;--border: #2a2a2a;--line: rgba(255, 255, 255, .07);--accent: #e8895a;--accent-press: #d9774a;--on-accent: #1a0f08;--text: #e8e6e3;--muted: #8a8782;--serif: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--radius: 12px;--radius-sm: 10px;--ease: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}body{margin:0;background:var(--page);font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}.page{position:relative;min-height:100vh;min-height:100dvh}.page__glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(72% 48% at 50% -2%,rgba(232,137,90,.18),transparent 60%),radial-gradient(90% 70% at 50% 120%,rgba(232,137,90,.06),transparent 60%)}.shell{position:relative;z-index:1;width:100%;max-width:500px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px 20px}.sheet{width:100%;background:var(--sheet);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #00000073}.progress{height:3px;background:#ffffff14}.progress>div{height:100%;background:var(--accent);transition:width .4s var(--ease)}.sheet__body{padding:30px 28px}.step-label{font-size:12px;letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin-bottom:14px}.headline{font-family:var(--serif);font-optical-sizing:auto;font-size:26px;font-weight:500;margin:0 0 6px;line-height:1.2;letter-spacing:-.01em}.headline--lg{font-size:30px;line-height:1.16}.sub{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 22px}.cards{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.card{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin:0;transition:border-color .15s var(--ease),background .15s var(--ease),transform .12s var(--ease)}.card:hover{background:var(--card-hover);border-color:#3a3a3a}.card.sel{background:var(--card-sel);border-color:var(--accent)}.card:active{transform:scale(.992)}.card .t{font-size:15px;font-weight:500;margin-bottom:3px}.card .d{font-size:13px;color:var(--muted);line-height:1.5}.choice{display:flex;align-items:center;gap:14px}.choice__text{flex:1}.choice-ind{flex:none;width:22px;height:22px;border-radius:999px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--on-accent);transition:all .15s var(--ease)}.choice-ind.on{background:var(--accent);border-color:var(--accent)}.row{display:flex;gap:10px;align-items:flex-start}.ico{margin-top:2px;color:var(--muted)}.ico.on{color:var(--accent)}.dim{opacity:.4}button.primary{margin-top:8px;width:100%;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-sm);padding:14px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:background .15s var(--ease),transform .1s var(--ease)}button.primary:hover:not(:disabled){background:var(--accent-press)}button.primary:active:not(:disabled){transform:translateY(1px)}button.primary:disabled{background:#3a3128;color:#6b655d;cursor:not-allowed}.ghost-link{display:block;width:100%;margin-top:12px;padding:6px;background:none;border:none;color:var(--muted);font-family:var(--sans);font-size:14px;cursor:pointer;text-align:center;transition:color .15s var(--ease)}.ghost-link:hover{color:var(--text)}.center{text-align:center}.center .sub{max-width:440px;margin-left:auto;margin-right:auto}.badge{display:inline-flex;align-items:center;gap:8px;background:#15281c;color:#5dca8f;border:1px solid #1f4030;border-radius:999px;padding:6px 16px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:22px}.done-line{font-size:14px;font-weight:500;color:var(--text);margin:0}.share{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.share__lead{font-size:14px;color:var(--text);line-height:1.5;max-width:420px;margin:0 auto 4px}.btn-secondary{display:block;width:100%;max-width:320px;margin:0 auto;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:13px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:background .15s var(--ease),color .15s var(--ease),transform .1s var(--ease)}.btn-secondary:hover{background:var(--accent);color:var(--on-accent)}.btn-secondary:active{transform:translateY(1px)}.copied-note{font-size:12px;color:var(--muted);margin:10px 0 0}.field{display:block;margin-bottom:14px}.field label{display:block;font-size:12px;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}.field input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 14px;font-size:15px;color:var(--text);font-family:var(--sans);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.field input::placeholder{color:#6f6c67}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8895a2e}@media(prefers-reduced-motion:no-preference){.stage__inner{animation:stage-rise .45s var(--ease) both}}@keyframes stage-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(min-width:720px){.shell{max-width:600px;padding:40px 24px}.sheet__body{padding:46px 48px}.step-label{font-size:13px;margin-bottom:18px}.headline{font-size:32px}.headline--lg{font-size:44px}.sub{font-size:16px;margin-bottom:28px}.card{padding:17px 18px}.card .t{font-size:16px}.card .d{font-size:14px}button.primary{padding:16px;font-size:16px}}@media(min-width:1024px){.shell{max-width:660px}.headline--lg{font-size:50px}}
