.obPage{position:relative;min-height:100dvh;background:linear-gradient(180deg,#f7f8ff,#ffffff 420px);color:#0b1437;font-weight:600;overflow:hidden}.obPage:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(560px 420px at -6% -8%,rgba(37,99,235,.12),transparent 60%),radial-gradient(520px 420px at 108% 0,rgba(124,58,237,.14),transparent 60%),radial-gradient(420px 360px at 50% 110%,rgba(34,211,238,.1),transparent 60%)}.obPage>*{position:relative;z-index:1}.obTop{border-bottom:1px solid #e5e8f4;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);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:20px;letter-spacing:-.03em;color:#0b1437}.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:#56607e}.obHelp a{color:#2563eb}.obHelp a:hover{text-decoration:underline;text-underline-offset:3px}.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 #dfe3f2;color:#8a93ad;background:#fff}.obStep--on .obStepDot{border-color:transparent;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 6px 14px -4px rgba(37,99,235,.55)}.obStep--done .obStepDot{border-color:#22c55e;background:#dcfce7;color:#15803d}.obStepText{min-width:0;display:grid;gap:1px}.obStepName{font-size:13.5px;font-weight:800;color:#8a93ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obStep--done .obStepName,.obStep--on .obStepName{color:#0b1437}.obStepHint{font-size:11.5px;font-weight:650;color:#a0a8c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obStepLine{flex:1;height:2px;background:#e5e8f4;border-radius:2px;min-width:12px}.obStepLine--done{background:linear-gradient(90deg,#22c55e,#2563eb)}.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:#fff;border:1px solid #e5e8f4;border-radius:20px;padding:30px;margin-bottom:18px;box-shadow:0 1px 2px rgba(15,23,60,.05),0 30px 60px -34px rgba(30,41,110,.35)}.obTitle{font-family:var(--font-display);font-size:26px;font-weight:800;margin:0 0 6px;color:#0b1437;letter-spacing:-.03em}.obSub{margin:0 0 22px;font-size:14.5px;font-weight:600;color:#56607e;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:#1f2a55;letter-spacing:.01em}.obInput,.obSelect,.obTextarea{width:100%;background:#fbfbff;border:1.5px solid #dfe3f2;border-radius:11px;padding:12px 14px;color:#0b1437;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;background:#fff;box-shadow:0 0 0 4px rgba(124,58,237,.14)}.obInput::placeholder,.obTextarea::placeholder{color:#a0a8c0;font-weight:500}.obInput--mono{font-family:var(--font-mono);letter-spacing:.04em}.obHint{font-size:12px;font-weight:650;color:#8a93ad;line-height:1.45}.obErr{color:#dc2626}.obErr,.obOk{font-size:12px;font-weight:700}.obOk{color:#15803d;display:flex;align-items:center;gap:5px}.obDomainRow{display:flex;align-items:stretch;background:#fbfbff;border:1.5px solid #dfe3f2;border-radius:11px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.obDomainRow:focus-within{border-color:#7c3aed;background:#fff;box-shadow:0 0 0 4px rgba(124,58,237,.14)}.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:#f3f5fc;border-left:1px solid #e5e8f4;font-family:var(--font-mono);font-size:13.5px;font-weight:700;color:#56607e;white-space:nowrap}.obPlans{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:14px}.obPlan{position:relative;text-align:left;background:#fff;border:2px solid #e5e8f4;border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(15,23,60,.05);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:#c4b5fd;transform:translateY(-2px);box-shadow:0 16px 32px -20px rgba(30,41,110,.35)}.obPlan--on{border-color:#7c3aed;background:linear-gradient(180deg,#f7f3ff,#fff 70%);box-shadow:0 0 0 4px rgba(124,58,237,.1),0 18px 36px -22px rgba(124,58,237,.55)}.obPlanTag{position:absolute;top:-10px;right:14px;background:linear-gradient(135deg,#7c3aed,#c026d3);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px}.obPlanName{font-family:var(--font-display);font-size:18px;font-weight:800;color:#0b1437}.obPlanPrice{display:flex;align-items:baseline;gap:8px}.obPlanAmount{font-family:var(--font-display);font-size:28px;font-weight:800;color:#0b1437;letter-spacing:-.02em}.obPlanWas{font-size:14px;font-weight:700;color:#a0a8c0;text-decoration:line-through}.obPlanCycle{font-size:12.5px;font-weight:700;color:#8a93ad}.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:#1f2a55;line-height:1.4}.obPlanFeatures svg{color:#16a34a;margin-top:2px}.obPayGrid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}.obQrBox{background:#fff;border:1px solid #e5e8f4;border-radius:16px;padding:14px;display:grid;gap:10px;justify-items:center;box-shadow:0 16px 32px -22px rgba(30,41,110,.35)}.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:#f7f8fd;border:1px solid #e5e8f4;border-radius:11px}.obPayKey{font-size:12.5px;font-weight:700;color:#8a93ad;white-space:nowrap}.obPayVal{font-family:var(--font-mono);font-size:14px;font-weight:700;color:#0b1437;text-align:right;word-break:break-all}.obCopy{background:#fff;border:1px solid #dfe3f2;color:#1f2a55;border-radius:7px;padding:5px 8px;cursor:pointer;display:grid;place-items:center;flex:none}.obCopy:hover{background:#f1ebff;border-color:#c4b5fd;color:#6d28d9}.obAmountBox{background:linear-gradient(120deg,#eef2ff,#f5eaff);border:1.5px solid #d8ccff;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:#56607e}.obAmountValue{font-family:var(--font-display);font-size:30px;font-weight:800;color:#0b1437;letter-spacing:-.02em}.obDrop{border:2px dashed #cfd6f5;border-radius:14px;background:#fbfbff;padding:22px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease;display:grid;gap:8px;justify-items:center;color:#56607e}.obDrop:hover{border-color:#7c3aed;background:#f7f3ff}.obDrop--has{border-style:solid;border-color:#22c55e;background:#f0fdf4}.obDropTitle{font-size:14px;font-weight:800;color:#0b1437}.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:#f5f3ff;border:1px solid #ddd6fe;color:#4c1d95}.obNote--warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.obNote--bad{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.obNote--good{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.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(95deg,#6d28d9,#9333ea 55%,#c026d3);color:#fff;box-shadow:0 12px 26px -10px rgba(124,58,237,.7)}.obBtn--go:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 32px -10px rgba(124,58,237,.8);filter:brightness(1.06)}.obBtn--ghost{background:#fff;border-color:#dfe3f2;color:#1f2a55}.obBtn--ghost:hover:not(:disabled){background:#f7f8fd;border-color:#cfd6f5}.obAside{position:sticky;top:96px;background:#fff;border:1px solid #e5e8f4;border-radius:20px;box-shadow:0 30px 60px -34px rgba(30,41,110,.35);padding:20px;display:grid;gap:14px}.obAsideTitle{font-family:var(--font-display);font-size:15px;font-weight:800;color:#0b1437}.obSumRow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13.5px;padding-bottom:11px;border-bottom:1px solid #eef0f7}.obSumRow:last-of-type{border-bottom:none;padding-bottom:0}.obSumKey{font-weight:700;color:#8a93ad}.obSumVal{font-weight:800;color:#0b1437;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 #e5e8f4}.obSumTotalVal{font-family:var(--font-display);font-size:24px;font-weight:800;background:linear-gradient(95deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.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:#56607e;line-height:1.45}.obTrustRow svg{color:#16a34a;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:#dcfce7;border:2px solid #22c55e;color:#15803d;display:grid;place-items:center}.obDoneRef{font-family:var(--font-mono);font-size:17px;font-weight:800;color:#0b1437;background:#f5f3ff;border:1.5px solid #ddd6fe;border-radius:10px;padding:12px 20px;letter-spacing:.06em}.obLoading{display:grid;place-items:center;gap:12px;padding:60px 20px;color:#56607e;font-weight:700}.obSpin{width:26px;height:26px;border:3px solid #e5e8f4;border-top-color:#7c3aed;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 #e5e8f4;border-radius:999px;background:#eef0fa}.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:linear-gradient(95deg,#2563eb,#7c3aed 60%,#9333ea);color:#fff;box-shadow:0 6px 14px -6px rgba(37,99,235,.7)}.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}@media (min-width:1600px){.obPage{--z:1.1;zoom:var(--z);min-height:calc(100dvh / var(--z))}}@media (min-width:1880px){.obPage{--z:1.22}}@media (min-width:2300px){.obPage{--z:1.45}}@media (min-width:3000px){.obPage{--z:1.9}}.obPage a,.obPage button{-webkit-tap-highlight-color:transparent}@media (max-width:560px){.obTop{padding-top:env(safe-area-inset-top)}.obTopIn{padding:12px 16px}.obHelp{font-size:12.5px}.obWrap{padding:16px 12px calc(40px + env(safe-area-inset-bottom))}.obCard{border-radius:18px}.obActions .obBtn{flex:1 1 100%;justify-content:center}.obBtn:active{transform:scale(.98)}}