.ob-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle 600px at 85% 0%,rgba(16,185,129,.06),transparent 55%),radial-gradient(circle 700px at 0% 100%,rgba(31,90,58,.05),transparent 55%),var(--bg-app)}.ob-top{display:flex;align-items:center;gap:14px;padding:18px 28px;max-width:1180px;margin:0 auto;width:100%;box-sizing:border-box}.ob-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.02em;color:#0e2d1c;text-decoration:none}.ob-top .ob-spacer{flex:1}.ob-step-count{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.ob-step-count strong{color:var(--text-primary)}.ob-exit{font-size:13px;color:var(--text-secondary);padding:7px 12px;border-radius:8px;text-decoration:none;transition:all .12s}.ob-exit:hover{background:var(--bg-hover);color:var(--text-primary)}.ob-shell{max-width:1100px;margin:12px auto 0;padding:0 28px 60px;display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start;width:100%;box-sizing:border-box}.ob-rail{position:sticky;top:24px;display:flex;flex-direction:column;gap:2px}.ob-rail-step{display:flex;gap:14px;padding:14px 12px;border-radius:12px;position:relative;transition:background .16s ease}.ob-rail-step.active{background:#fff;box-shadow:var(--shadow-sm);border:1px solid var(--border-default)}.ob-rail-step .marker{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--border-strong);background:#fff;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-muted);position:relative;z-index:1}.ob-rail-step.active .marker{border-color:#1f5a3a;color:#1f5a3a}.ob-rail-step.done .marker{border-color:#10b981;background:#10b981;color:#fff}.ob-rail-step .marker .ob-chk,.ob-rail-step.done .marker .ob-num{display:none}.ob-rail-step.done .marker .ob-chk{display:block}.ob-rail-step:after{content:"";position:absolute;left:26px;top:44px;bottom:-2px;width:2px;background:var(--border-default)}.ob-rail-step:last-child:after{display:none}.ob-rail-step.done:after{background:#10b981}.ob-rail-step .lbl{padding-top:4px}.ob-rail-step .lbl .t{font-size:13.5px;font-weight:600;color:var(--text-secondary)}.ob-rail-step.active .lbl .t,.ob-rail-step.done .lbl .t{color:var(--text-primary)}.ob-rail-step .lbl .d{font-size:11px;color:var(--text-muted);margin-top:2px;font-family:var(--font-mono)}.ob-content{min-height:520px}.ob-phase{display:none}.ob-phase.active{display:block;animation:obfade .28s ease}@keyframes obfade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ob-card{background:#fff;border:1px solid var(--border-default);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden}.ob-card-pad{padding:36px 40px}.ob-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-green-700);background:var(--color-green-50);padding:6px 11px;border-radius:9999px;border:1px solid var(--color-green-100);margin-bottom:18px}.ob-h2{font-size:28px;font-weight:800;letter-spacing:-.025em;margin:0;color:#0e2d1c;line-height:1.12}.ob-lede{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:12px 0 0;max-width:52ch}.ob-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;padding:13px 20px;border-radius:12px;border:1px solid transparent;transition:all .12s ease;cursor:pointer;font-family:var(--font-sans);text-decoration:none}.ob-btn svg{stroke:currentColor}.ob-btn-primary{background:#1f5a3a;color:#fff;box-shadow:0 1px 2px #11141a0f}.ob-btn-primary:hover{background:#16432a}.ob-btn-primary:disabled{opacity:.7;cursor:not-allowed}.ob-btn-outline{background:#fff;color:var(--text-primary);border-color:var(--border-default)}.ob-btn-outline:hover{background:var(--bg-app);border-color:var(--border-strong)}.ob-btn-lg{padding:15px 26px;font-size:15px}.ob-btn .ob-arrow{transition:transform .18s}.ob-btn:not(:disabled):hover .ob-arrow{transform:translate(2px)}.ob-actions{display:flex;align-items:center;gap:12px;margin-top:30px}.ob-actions .ob-back{color:var(--text-secondary);font-size:13px;padding:10px 6px;cursor:pointer;background:none;border:none;font-family:var(--font-sans)}.ob-actions .ob-back:hover{color:var(--text-primary)}.ob-oauth{display:flex;flex-direction:column;gap:11px;max-width:420px;margin-top:22px}.ob-oauth-primary{max-width:560px;margin-top:24px}.ob-oauth-btn{display:flex;align-items:center;gap:12px;min-height:50px;padding:13px 16px;border:1px solid var(--border-default);border-radius:12px;background:#fff;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .12s ease;font-family:var(--font-sans)}.ob-oauth-btn:hover{background:var(--bg-app);border-color:var(--border-strong);transform:translateY(-1px)}.ob-oauth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ob-oauth-btn .ob-gl{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.ob-oauth-btn .ob-chev{margin-left:auto;color:var(--text-muted)}.ob-email-alt-panel{max-width:560px;margin-top:14px;border:1px solid var(--border-default);border-radius:14px;background:#fff}.ob-email-toggle{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border:0;background:transparent;color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:13.5px;font-weight:700}.ob-email-toggle svg{color:var(--text-muted);transition:transform .16s ease}.ob-email-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.ob-oauth-foot{margin-top:20px;font-size:12px;color:var(--text-muted);max-width:380px;line-height:1.55}.ob-explorer-state{max-width:520px;margin-top:24px;border:1px solid var(--border-default);border-radius:14px;background:#fff;padding:18px}.ob-explorer-row{display:flex;gap:13px;align-items:flex-start}.ob-explorer-ic{width:36px;height:36px;border-radius:10px;background:#ecfdf5;color:#047857;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ob-explorer-row strong{display:block;color:#0e2d1c;font-size:14px}.ob-explorer-row p{margin:5px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.5}.ob-lobby{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;max-width:460px}.ob-lobby-card{padding:16px;border:1px solid var(--border-default);border-radius:12px;background:var(--bg-app);text-decoration:none;color:inherit}.ob-lobby-card .ob-ic{width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid var(--border-default);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-bottom:10px}.ob-lobby-card .ob-t{font-size:13.5px;font-weight:600}.ob-lobby-card .ob-d{font-size:12px;color:var(--text-secondary);margin-top:3px;line-height:1.45}.ob-clean{margin-top:22px;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-secondary);font-family:var(--font-mono)}.ob-clean svg{stroke:#10b981}.ob-form{max-width:420px;margin-top:24px;display:flex;flex-direction:column;gap:16px}.ob-email-form{margin:0;max-width:none;padding:0 16px 16px}.ob-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ob-field label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px}.ob-field label .opt{color:var(--text-muted);font-weight:400}.ob-input{width:100%;padding:12px 14px;border:1px solid var(--border-default);border-radius:11px;font-size:14px;font-family:var(--font-sans);outline:none;transition:all .12s ease;box-sizing:border-box}.ob-input:focus{border-color:#1f5a3a;box-shadow:0 0 0 3px #1f5a3a1f}.ob-input.ob-mono{font-family:var(--font-mono)}.ob-field .ob-hint{font-size:11px;color:var(--text-muted);margin-top:5px;font-family:var(--font-mono)}.ob-password-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:-2px;padding:13px 14px;border:1px solid #D4EADC;border-radius:12px;background:#f7fcf9;color:var(--text-muted);font-size:11.5px}.ob-password-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#0e2d1c;font-size:12px;font-weight:700}.ob-password-head strong{font-family:var(--font-mono);font-size:11px;color:var(--color-green-700)}.ob-password-meter{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:2px}.ob-password-meter span{height:5px;border-radius:999px;background:#e1e7e4}.ob-password-meter span.ok{background:#10b981}.ob-password-rules span{display:inline-flex;align-items:center;gap:6px;min-width:0}.ob-password-rules svg{flex-shrink:0;stroke:var(--text-muted)}.ob-password-rules .ok{color:var(--color-green-700)}.ob-password-rules .ok svg{stroke:var(--color-green-700)}.ob-phone-field{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(160px,1fr);gap:10px}.ob-phone-country{color:var(--text-primary)}.ob-quota{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--text-secondary);margin-top:4px;font-family:var(--font-mono)}.ob-submit-wide{width:100%;min-height:48px}.ob-license{background:linear-gradient(135deg,#0e2d1c,#07180f);border-radius:16px;padding:24px;color:#fff;position:relative;overflow:hidden;margin-top:8px}.ob-license:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(16,185,129,.16),transparent 55%)}.ob-license .ob-row1{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.ob-license .ob-plan{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7bba92}.ob-license h3{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:4px 0 0}.ob-license .ob-key{font-family:var(--font-mono);font-size:13px;color:#a8d3b7;margin-top:16px;position:relative;z-index:1;letter-spacing:.02em}.ob-license .ob-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.ob-license .ob-meta .ob-k{font-size:10px;color:#6b7383;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ob-license .ob-meta .ob-v{font-family:var(--font-mono);font-size:13px;margin-top:4px}.ob-badge-ok{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:9999px;font-size:10px;font-weight:700;background:#10b981;color:#0e2d1c}.ob-dl-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;background:#1f5a3a;color:#fff;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;margin-top:24px;transition:background .12s}.ob-dl-btn:hover{background:#16432a}.ob-inject{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;max-width:520px}.ob-inject-node{flex:1;border:1px solid var(--border-default);border-radius:14px;padding:18px 16px;text-align:center;background:#fff}.ob-inject-node.cloud{border-color:#bfdbfe;background:#eff6ff}.ob-inject-node.local{border-color:#d4eadc;background:#ecf5ef}.ob-inject-node .ob-ic{width:40px;height:40px;border-radius:11px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center}.ob-inject-node.cloud .ob-ic{background:#1d4ed8;color:#fff}.ob-inject-node.local .ob-ic{background:#1f5a3a;color:#fff}.ob-inject-node .ob-t{font-size:13px;font-weight:700}.ob-inject-node .ob-d{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);margin-top:3px}.ob-inject-arrow{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px}.ob-inject-arrow .ob-lbl{font-family:var(--font-mono);font-size:9px;color:var(--color-green-700);font-weight:700;white-space:nowrap}.ob-inject-arrow svg{stroke:#10b981}.ob-inject-arrow.flow svg{animation:obnudge 1.2s ease-in-out infinite}@keyframes obnudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.ob-bind{margin-top:22px;max-width:520px;background:#0a0c10;border-radius:12px;padding:16px 18px}.ob-bind .ob-br{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid #1F2229;font-family:var(--font-mono);font-size:12px}.ob-bind .ob-br:first-child{border-top:0}.ob-bind .ob-br .ob-k{color:#6b7383}.ob-bind .ob-br .ob-v{color:#fff}.ob-bind .ob-br .ob-v.ok{color:#34d38a;display:inline-flex;align-items:center;gap:5px}.ob-success-ic{width:76px;height:76px;border-radius:22px;background:#ecfdf5;color:#047857;display:inline-flex;align-items:center;justify-content:center;margin-bottom:22px}.ob-next{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;max-width:520px}.ob-next-card{display:flex;gap:13px;align-items:center;padding:16px;border:1px solid var(--border-default);border-radius:13px;background:#fff;transition:all .14s ease;text-decoration:none;color:inherit}.ob-next-card:hover{border-color:var(--color-green-200);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ob-next-card .ob-ic{width:40px;height:40px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ob-next-card .ob-t{font-size:14px;font-weight:700}.ob-next-card .ob-d{font-size:12px;color:var(--text-secondary);margin-top:2px}.ob-recap{margin-top:26px;display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary);font-family:var(--font-mono)}.ob-recap span{display:inline-flex;align-items:center;gap:6px}.ob-recap svg{stroke:#10b981}.ob-error{margin-top:16px;padding:10px 14px;background:#fef2f2;border:1px solid #FECACA;border-radius:10px;font-size:13px;color:#b91c1c}.ob-mini-spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:obspin .7s linear infinite;vertical-align:-2px}@keyframes obspin{to{transform:rotate(360deg)}}@media(max-width:880px){.ob-shell{grid-template-columns:1fr;gap:20px}.ob-rail{position:static;flex-direction:row;overflow-x:auto;gap:8px}.ob-rail-step:after{display:none}.ob-rail-step .lbl .ob-d{display:none}.ob-next{grid-template-columns:1fr}}@media(max-width:640px){.ob-card-pad{padding:24px 20px}.ob-lobby,.ob-form-row,.ob-password-rules,.ob-phone-field{grid-template-columns:1fr}.ob-inject{flex-direction:column}}.ob-link-accent{color:var(--color-green-700);font-weight:600}.ob-ic-emoji{font-size:16px}.ob-mono-em{font-family:var(--font-mono);font-size:.9em}.ob-license.mt-24{margin-top:24px}.ob-license .ob-meta .ob-v.ok{color:#34d38a}.ob-actions.tight-20{margin-top:20px}.ob-actions.tight-28{margin-top:28px}.ob-quota.mt-14{margin-top:14px}.ob-next-card .ob-ic.tone-core{background:#ecf5ef;color:#16432a}.ob-next-card .ob-ic.tone-shop{background:#f5f3ff;color:#6d28d9}.ob-lbl.muted{color:var(--text-muted)}.ob-hidden{display:none}
