:root{--bg:#070b09;--bg2:#0a100d;--surface:#0c1310;--card:#0f1714;--turf:#15301f;--ink:#f4fbf6;--muted:#8fa89b;--accent:#43e66b;--mint:#7cffb2;--accent-ink:#04130a;--accent-glow:rgba(67,230,107,.22);--glass:hsla(0,0%,100%,.05);--glass-strong:hsla(0,0%,100%,.08);--hairline:hsla(0,0%,100%,.1);--blur:16px;--radius:16px;--ease:cubic-bezier(0.16,1,0.3,1);--font-display:"Archivo Black",sans-serif;--font-body:"Sora",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.ob-page{position:relative;min-height:100svh;display:flex;flex-direction:column;background:var(--bg);overflow-x:hidden}.ob-ambient{position:fixed;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(46% 34% at 70% 4%,var(--accent-glow),transparent 62%),radial-gradient(38% 30% at 14% 14%,rgba(21,48,31,.5),transparent 60%)}.ob-top{position:relative;z-index:2;display:flex;gap:14px;width:100%;max-width:480px;margin:0 auto;padding:18px clamp(18px,6vw,28px) 4px}.ob-back,.ob-top{align-items:center}.ob-back{flex:0 0 auto;display:inline-flex;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;border-radius:10px;transition:color .2s var(--ease),background .2s var(--ease)}.ob-back:hover{color:var(--ink);background:var(--glass)}.ob-back[disabled]{opacity:0;pointer-events:none}.ob-progress{flex:1 1 auto;height:6px;border-radius:999px;background:var(--glass-strong);overflow:hidden}.ob-progress-fill{height:100%;border-radius:999px;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);transition:width .4s var(--ease)}.ob-top-spacer{flex:0 0 auto;width:36px}.ob-step{position:relative;z-index:1;flex:1 1 auto;display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto;padding:clamp(12px,3vh,28px) clamp(18px,6vw,28px) calc(env(safe-area-inset-bottom, 0px) + 28px)}.ob-head{margin:8px 0 22px}.ob-head.center{text-align:center}.ob-title{font-family:var(--font-body);font-weight:700;font-size:clamp(26px,6.6vw,34px);line-height:1.08;letter-spacing:-.03em}.ob-sub{margin-top:12px;color:var(--muted);font-size:15px;line-height:1.6}.ob-options{display:flex;flex-direction:column;gap:12px}.ob-option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:17px 18px;border-radius:14px;border:1px solid var(--hairline);background:var(--glass);color:var(--ink);font-size:16px;font-weight:600;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),transform .12s var(--ease)}.ob-option:hover{border-color:hsla(0,0%,100%,.2);background:var(--glass-strong)}.ob-option:active{transform:scale(.99)}.ob-option.active{border-color:var(--accent);background:rgba(67,230,107,.12)}.ob-option .ob-tag{margin-left:auto;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--muted)}.ob-option.active .ob-tag{color:var(--accent)}.ob-radio{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--hairline);background:transparent;transition:border-color .2s var(--ease),background .2s var(--ease)}.ob-option.active .ob-radio{border-color:var(--accent);background:radial-gradient(circle at center,var(--accent-ink) 0 30%,transparent 32%),var(--accent)}.ob-footer{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;align-items:center;gap:14px}.ob-cta{width:100%;min-height:56px;padding:16px 22px;border:none;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-body);font-weight:800;font-size:17px;cursor:pointer;box-shadow:0 14px 40px -12px var(--accent-glow);transition:transform .18s var(--ease),box-shadow .18s var(--ease),opacity .18s var(--ease)}.ob-cta:hover{transform:translateY(-2px);box-shadow:0 18px 50px -10px rgba(67,230,107,.5)}.ob-cta[disabled]{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.ob-link{background:transparent;border:none;color:var(--muted);font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;padding:6px 10px}.ob-link:hover{color:var(--ink)}@keyframes ob-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.ob-animate{animation:ob-rise .45s var(--ease) both}@media (prefers-reduced-motion:reduce){.ob-animate,.ob-progress-fill{animation:none;transition:none}}