.obPage{position:relative;min-height:100dvh;background:#0a0520;color:#f4f1ff;font-weight:600;overflow:hidden}.obPage:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px 420px at -6% -8%,rgba(124,58,237,.28),transparent 60%),radial-gradient(480px 400px at 108% 6%,rgba(0,196,140,.22),transparent 60%),radial-gradient(420px 360px at 40% 115%,rgba(245,158,11,.12),transparent 60%)}.obPage>*{position:relative;z-index:1}.obTop{border-bottom:1px solid rgba(255,255,255,.08);background:rgba(11,16,32,.94);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.obTopIn{max-width:1120px;margin:0 auto;padding:16px 24px;justify-content:space-between;gap:16px}.obBrand,.obTopIn{display:flex;align-items:center}.obBrand{gap:11px;font-family:var(--font-display);font-weight:800;font-size:19px;color:#fff}.obMark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#7c3aed,#c026d3);display:grid;place-items:center;font-size:15px;font-weight:800;color:#fff}.obHelp{font-size:13.5px;font-weight:700;color:rgba(255,255,255,.6)}.obHelp a{color:#8b7bff}.obSteps{max-width:1120px;margin:0 auto;padding:28px 24px 0;gap:8px}.obStep,.obSteps{display:flex;align-items:center}.obStep{gap:10px;flex:1;min-width:0}.obStepDot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:13px;font-weight:800;border:2px solid rgba(255,255,255,.18);color:rgba(255,255,255,.5);background:rgba(255,255,255,.04)}.obStep--on .obStepDot{border-color:#7c3aed;background:#7c3aed;color:#fff}.obStep--done .obStepDot{border-color:#00c48c;background:rgba(0,196,140,.16);color:#00c48c}.obStepText{min-width:0;display:grid;gap:1px}.obStepName{font-size:13.5px;font-weight:800;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obStep--done .obStepName,.obStep--on .obStepName{color:#fff}.obStepHint{font-size:11.5px;font-weight:650;color:rgba(255,255,255,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obStepLine{flex:1;height:2px;background:rgba(255,255,255,.12);border-radius:2px;min-width:12px}.obStepLine--done{background:#00c48c}.obWrap{max-width:1120px;margin:0 auto;padding:28px 24px 72px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}.obMain{min-width:0}.obCard{position:relative;background:#160f30;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:26px;margin-bottom:18px;box-shadow:0 24px 60px -30px rgba(0,0,0,.55)}.obTitle{font-family:var(--font-display);font-size:26px;font-weight:800;margin:0 0 6px;color:#fff;letter-spacing:-.02em}.obSub{margin:0 0 22px;font-size:14.5px;font-weight:600;color:rgba(232,236,247,.62);line-height:1.55}.obGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.obField{display:grid;gap:6px;min-width:0}.obField--wide{grid-column:1/-1}.obLabel{font-size:12.5px;font-weight:800;color:rgba(232,236,247,.82);letter-spacing:.01em}.obInput,.obSelect,.obTextarea{width:100%;background:#0a0520;border:1.5px solid rgba(255,255,255,.14);border-radius:10px;padding:11px 13px;color:#fff;font-size:14.5px;font-weight:650;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.obTextarea{min-height:84px;resize:vertical}.obInput:focus,.obSelect:focus,.obTextarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.22)}.obInput::placeholder,.obTextarea::placeholder{color:rgba(255,255,255,.28);font-weight:600}.obInput--mono{font-family:var(--font-mono);letter-spacing:.04em}.obHint{font-size:12px;font-weight:650;color:rgba(232,236,247,.42);line-height:1.45}.obErr{color:#ff8080}.obErr,.obOk{font-size:12px;font-weight:700}.obOk{color:#00c48c;display:flex;align-items:center;gap:5px}.obDomainRow{display:flex;align-items:stretch;background:#0a0520;border:1.5px solid rgba(255,255,255,.14);border-radius:10px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.obDomainRow:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.22)}.obDomainRow .obInput{border:none;border-radius:0;box-shadow:none;font-family:var(--font-mono)}.obDomainSuffix{display:grid;place-items:center;padding:0 13px;background:rgba(255,255,255,.05);border-left:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:13.5px;font-weight:700;color:rgba(232,236,247,.55);white-space:nowrap}.obPlans{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:14px}.obPlan{position:relative;text-align:left;background:#0a0520;border:2px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease;font-family:inherit;color:inherit;display:grid;gap:12px;align-content:start}.obPlan:hover{border-color:rgba(124,107,255,.55);transform:translateY(-2px)}.obPlan--on{border-color:#7c3aed;background:rgba(124,58,237,.1)}.obPlanTag{position:absolute;top:-10px;right:14px;background:linear-gradient(135deg,#7c3aed,#c026d3);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px}.obPlanName,.obPlanTag{color:#fff;font-weight:800}.obPlanName{font-family:var(--font-display);font-size:18px}.obPlanPrice{display:flex;align-items:baseline;gap:8px}.obPlanAmount{font-family:var(--font-display);font-size:28px;font-weight:800;color:#fff;letter-spacing:-.02em}.obPlanWas{font-size:14px;font-weight:700;color:rgba(232,236,247,.35);text-decoration:line-through}.obPlanCycle{font-size:12.5px;font-weight:700;color:rgba(232,236,247,.45)}.obPlanFeatures{display:grid;gap:7px;margin:0;padding:0;list-style:none}.obPlanFeatures li{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:650;color:rgba(232,236,247,.75);line-height:1.4}.obPlanFeatures svg{color:#00c48c;margin-top:2px}.obPayGrid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}.obQrBox{background:#fff;border-radius:14px;padding:14px;display:grid;gap:10px;justify-items:center}.obQrImg{width:100%;max-width:230px;border-radius:8px;display:block}.obQrNote{font-size:11.5px;font-weight:700;color:#475069;text-align:center}.obPayRows{display:grid;gap:10px}.obPayRow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;background:#0a0520;border:1px solid rgba(255,255,255,.1);border-radius:10px}.obPayKey{font-size:12.5px;font-weight:700;color:rgba(232,236,247,.5);white-space:nowrap}.obPayVal{font-family:var(--font-mono);font-size:14px;font-weight:700;color:#fff;text-align:right;word-break:break-all}.obCopy{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:7px;padding:5px 8px;cursor:pointer;display:grid;place-items:center;flex:none}.obCopy:hover{background:rgba(124,58,237,.35)}.obAmountBox{background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(0,196,140,.14));border:1.5px solid rgba(124,107,255,.45);border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.obAmountLabel{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(232,236,247,.65)}.obAmountValue{font-family:var(--font-display);font-size:30px;font-weight:800;color:#fff;letter-spacing:-.02em}.obDrop{border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:22px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease;display:grid;gap:8px;justify-items:center;color:rgba(232,236,247,.6)}.obDrop:hover{border-color:#7c3aed;background:rgba(124,58,237,.07)}.obDrop--has{border-style:solid;border-color:#00c48c;background:rgba(0,196,140,.07)}.obDropTitle{font-size:14px;font-weight:800;color:#fff}.obShot{max-width:180px;max-height:180px;border-radius:8px;display:block}.obNote{border-radius:11px;padding:13px 15px;display:grid;gap:4px;font-size:13px;line-height:1.5;margin-bottom:18px}.obNote strong{font-weight:800;font-size:13.5px}.obNote--info{background:rgba(124,58,237,.14);border:1px solid rgba(124,107,255,.35);color:#cfc9ff}.obNote--warn{background:rgba(245,158,11,.13);border:1px solid rgba(245,158,11,.35);color:#fcd9a0}.obNote--bad{background:rgba(220,38,38,.14);border:1px solid rgba(248,113,113,.4);color:#ffb4b4}.obNote--good{background:rgba(0,196,140,.13);border:1px solid rgba(0,196,140,.35);color:#9df0d3}.obActions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.obActions,.obBtn{align-items:center}.obBtn{border-radius:11px;padding:13px 24px;font-size:15px;font-weight:800;font-family:inherit;cursor:pointer;border:1.5px solid transparent;display:inline-flex;gap:8px;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.obBtn:disabled{opacity:.5;cursor:not-allowed}.obBtn--go{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 8px 22px rgba(124,58,237,.35)}.obBtn--go:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px rgba(124,58,237,.45)}.obBtn--ghost{background:transparent;border-color:rgba(255,255,255,.2);color:#f4f1ff}.obBtn--ghost:hover:not(:disabled){background:rgba(255,255,255,.07)}.obAside{position:sticky;top:96px;background:#160f30;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:20px;display:grid;gap:14px}.obAsideTitle{font-family:var(--font-display);font-size:15px;font-weight:800;color:#fff}.obSumRow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13.5px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.07)}.obSumRow:last-of-type{border-bottom:none;padding-bottom:0}.obSumKey{font-weight:700;color:rgba(232,236,247,.5)}.obSumVal{font-weight:800;color:#fff;text-align:right;word-break:break-word}.obSumTotal{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:2px solid rgba(255,255,255,.12)}.obSumTotalVal{font-family:var(--font-display);font-size:24px;font-weight:800;color:#00c48c}.obTrust{display:grid;gap:9px;padding-top:4px}.obTrustRow{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;font-weight:650;color:rgba(232,236,247,.6);line-height:1.45}.obTrustRow svg{color:#00c48c;margin-top:1px;flex:none}.obDone{text-align:center;padding:44px 26px;display:grid;gap:14px;justify-items:center}.obDoneMark{width:68px;height:68px;border-radius:50%;background:rgba(0,196,140,.16);border:2px solid #00c48c;color:#00c48c;display:grid;place-items:center}.obDoneRef{font-family:var(--font-mono);font-size:17px;font-weight:800;color:#fff;background:#0a0520;border:1.5px solid rgba(124,107,255,.4);border-radius:10px;padding:12px 20px;letter-spacing:.06em}.obLoading{display:grid;place-items:center;gap:12px;padding:60px 20px;color:rgba(232,236,247,.6);font-weight:700}.obSpin{width:26px;height:26px;border:3px solid rgba(255,255,255,.16);border-top-color:#c026d3;border-radius:50%;animation:obSpin .8s linear infinite}@keyframes obSpin{to{transform:rotate(1turn)}}@media (max-width:940px){.obWrap{grid-template-columns:minmax(0,1fr)}.obAside{position:static;order:-1}.obPayGrid{grid-template-columns:minmax(0,1fr)}.obStepText{display:none}.obStep{flex:none}}@media (max-width:560px){.obCard{padding:20px 17px}.obTitle{font-size:22px}}.obCycle{display:inline-flex;gap:4px;padding:4px;margin-bottom:20px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.obCycleBtn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:9px 20px;font:inherit;font-size:13.5px;font-weight:700;color:var(--muted);background:transparent;cursor:pointer}.obCycleBtn:hover{color:var(--text)}.obCycleBtn--on{background:var(--brand);color:#fff}.obCycleSave{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;background:var(--signal-soft);color:var(--signal-ink)}.obCycleBtn--on .obCycleSave{background:rgba(255,255,255,.22);color:#fff}