.checkout-shell{min-height:100vh;background:radial-gradient(circle at 15% 5%,#33234d55,transparent 36%),#0c0e16}.checkout-header,.checkout-footer{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px}.checkout-header{border-bottom:1px solid var(--line)}.checkout-header .brand{padding:0}.checkout-main{max-width:1120px;margin:0 auto;padding:42px 24px 70px;min-height:calc(100vh - 170px)}.checkout-heading{max-width:710px;margin-bottom:30px}.checkout-heading h1{font-size:clamp(27px,4vw,42px)}.checkout-heading p{margin-top:8px}.checkout-step{display:inline-flex;align-items:center;gap:9px;color:#c9b4ff;font-size:11px;margin-bottom:13px}.checkout-step span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#aa8cff24;border:1px solid #aa8cff66}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.8fr);gap:20px;align-items:start}.checkout-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:16px}.checkout-card h2{margin-bottom:18px}.checkout-card p{font-size:12px}.checkout-plan-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.checkout-plan{display:block;border:1px solid #41445a;background:#1a1d2b;border-radius:12px;padding:15px;cursor:pointer}.checkout-plan:hover{border-color:#aa8cffaa}.checkout-plan.selected{border-color:#aa8cff;background:#aa8cff14;box-shadow:inset 0 0 0 1px #aa8cff55}.checkout-plan strong,.checkout-plan small{display:block}.checkout-plan strong{font-size:15px;margin-bottom:7px}.checkout-plan small{font-size:10px}.checkout-plan input{position:absolute;opacity:0;width:1px;height:1px}.checkout-cycle{display:flex;gap:10px;flex-wrap:wrap}.checkout-cycle label{display:flex;gap:9px;align-items:center;border:1px solid #41445a;background:#1a1d2b;padding:10px 13px;border-radius:10px;cursor:pointer}.checkout-cycle label.selected{border-color:#aa8cff;background:#aa8cff16}.checkout-cycle input{width:16px;height:16px;margin:0;accent-color:var(--purple)}.checkout-coupon{display:flex;gap:10px;align-items:end}.checkout-coupon label{flex:1}.checkout-coupon .btn{height:45px}.checkout-methods{display:grid;gap:9px}.checkout-method{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid #35394d;border-radius:10px;background:#1b1e2b}.checkout-method b{font-size:12px}.checkout-method small{color:#e5bd8a}.checkout-note{margin-top:16px;padding:13px 15px;border-radius:10px;border:1px solid #8e704c;background:#ffcb8d0b;color:#f4d5ae;font-size:11px;line-height:1.9}.checkout-summary{position:sticky;top:20px}.checkout-summary-row{display:flex;justify-content:space-between;gap:12px;margin:13px 0;color:#c7cde0;font-size:12px}.checkout-summary-row strong{font-variant-numeric:tabular-nums}.checkout-total{border-top:1px solid var(--line);padding-top:17px;margin-top:18px;font-size:16px}.checkout-total strong{color:#d8c6ff}.checkout-summary .btn{width:100%;margin-top:18px}.checkout-summary .btn:disabled{opacity:.5}.checkout-error{color:var(--red);font-size:11px;line-height:1.8;min-height:20px;margin-top:10px}.checkout-success{border-color:#68ddb188;background:linear-gradient(135deg,#17352f,#171a28)}.checkout-success h1{margin-bottom:10px}.checkout-footer{border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.checkout-footer a:hover{color:var(--purple)}@media(max-width:760px){.checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static}.checkout-main{padding-top:28px}.checkout-plan-list{grid-template-columns:1fr}.checkout-header .brand strong{font-size:15px}.checkout-card{padding:18px}}
