*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ob-bg: #11130e;--ob-bg-accent: #1d2412;--ob-card: rgba(22, 24, 18, .92);--ob-card-border: rgba(200, 254, 70, .16);--ob-text: #f4f7ea;--ob-text-muted: #a7b18f;--ob-text-soft: #7d8869;--ob-accent: #c8fe46;--ob-accent-strong: #b9f02f;--ob-accent-glow: rgba(200, 254, 70, .22);--ob-input-bg: rgba(8, 11, 6, .82);--ob-input-border: rgba(200, 254, 70, .18);--ob-error-bg: rgba(95, 24, 24, .45);--ob-error-border: rgba(248, 113, 113, .45);--ob-error-text: #fecaca}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#0d1009,#14190f 48%,#1b2113);color:var(--ob-text);min-height:100dvh;overflow:hidden}.ob-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.ob-shell{width:100%;max-width:520px;height:auto;max-height:calc(100dvh - 40px);margin:0 auto;display:flex;border:1px solid rgba(200,254,70,.12);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#ffffff05,#ffffff03),#0a0c08d1;box-shadow:0 28px 70px #00000061}.ob-hero{position:relative;flex:1.1;display:none;padding:52px 48px;background:#c8fe46;color:#0c0f07}.ob-hero-copy{position:relative;z-index:1;max-width:520px}.ob-eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.62}.ob-hero-title{margin-top:16px;font-size:clamp(2rem,3.6vw,3.6rem);line-height:.98;letter-spacing:-.05em;max-width:11ch}.ob-hero-text{margin-top:20px;max-width:28rem;font-size:.96rem;line-height:1.55;color:#0c0f07b8}.ob-logo{display:flex;align-items:center}.ob-logo-image{display:block;width:146px;height:auto}.ob-card{width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:40px 28px;background:linear-gradient(180deg,#11140deb,#0d0f0afa);overflow:auto}.ob-heading{display:flex;flex-direction:column;gap:8px}.ob-step-label{font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ob-accent)}.ob-title{font-size:24px;font-weight:600;letter-spacing:-.5px;line-height:1.2}.ob-hint{font-size:14px;color:var(--ob-text-muted);line-height:1.5}.ob-error{background:var(--ob-error-bg);border:1px solid var(--ob-error-border);border-radius:8px;padding:12px 16px;font-size:14px;color:var(--ob-error-text)}.ob-form{display:flex;flex-direction:column;gap:16px}.ob-label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;color:var(--ob-text)}.ob-input{background:var(--ob-input-bg);border:1px solid var(--ob-input-border);border-radius:12px;padding:12px 16px;font-size:16px;color:var(--ob-text);width:100%;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;appearance:none}.ob-input:focus{border-color:var(--ob-accent);box-shadow:0 0 0 3px var(--ob-accent-glow)}.ob-input::placeholder{color:var(--ob-text-soft)}.ob-combo{position:relative}.ob-combo-control{position:relative;display:flex;align-items:center}.ob-combo-input{padding-right:44px;cursor:text}.ob-combo-chevron{position:absolute;right:12px;top:50%;width:20px;height:20px;color:var(--ob-text-soft);pointer-events:none;transform:translateY(-50%);transition:transform .15s,color .15s}.ob-combo.is-open .ob-combo-chevron{transform:translateY(-50%) rotate(180deg);color:var(--ob-accent)}.ob-combo-list{position:fixed;z-index:1000;max-height:240px;overflow-y:auto;margin:0;padding:4px;list-style:none;background:var(--ob-bg-accent);border:1px solid var(--ob-input-border);border-radius:12px;box-shadow:0 16px 40px #0000006b}.ob-combo-option{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--ob-text);cursor:pointer}.ob-combo-option.is-active{background:#c8fe461f}.ob-combo-option[aria-selected=true]{color:var(--ob-accent)}.ob-combo-option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-combo-check{width:16px;height:16px;flex-shrink:0;color:var(--ob-accent)}.ob-combo-empty{display:flex;align-items:center;min-height:44px;padding:8px 12px;font-size:14px;color:var(--ob-text-soft)}.ob-subdomain-row{display:flex;align-items:center;gap:8px}.ob-subdomain-input{flex:1;min-width:0}.ob-subdomain-suffix{font-size:14px;color:var(--ob-text-soft);white-space:nowrap;flex-shrink:0}.ob-btn{background:var(--ob-accent);color:#101208;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;width:100%;min-height:44px;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 8px 20px #c8fe4629}.ob-btn:disabled{opacity:.5;cursor:not-allowed}.ob-btn:not(:disabled):active{background:var(--ob-accent-strong);transform:translateY(1px)}.ob-btn-ghost{background:transparent;color:var(--ob-text-muted);border:1px solid var(--ob-input-border);border-radius:12px;padding:12px 24px;font-size:14px;cursor:pointer;width:100%;min-height:44px;transition:border-color .15s,color .15s,background .15s}.ob-btn-ghost:not(:disabled):active{color:var(--ob-text);border-color:var(--ob-accent);background:#c8fe4614}.ob-loading{font-size:14px;color:var(--ob-text-soft)}.ob-loading-block{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0;text-align:center}.ob-spinner{width:32px;height:32px;border:3px solid rgba(200,254,70,.18);border-top-color:var(--ob-accent);border-radius:50%;animation:ob-spin .75s linear infinite}@keyframes ob-spin{to{transform:rotate(360deg)}}@media(min-width:980px){.ob-page{padding:24px}.ob-shell{width:100%;max-width:none;height:calc(100dvh - 48px);max-height:none}.ob-hero{display:flex;flex-direction:column;justify-content:center}.ob-card{margin:0 0 0 auto;padding:52px 48px}.ob-logo-image{width:156px}}