:root{--navy:#0B1620;--ink:#3A4B5C;--ice:#5CC8E8;--ice2:#0D6E8C;--or:#E0731B;--bg:#F3F6F8}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--navy)}
.banner{background:var(--navy);color:#FFC165;text-align:center;font:500 12px ui-monospace,monospace;padding:6px;letter-spacing:.04em}
header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#fff;border-bottom:1px solid #e2e8ee}
header img{height:34px}.lock{font-size:13px;color:var(--ink)}
.wrap{max-width:1100px;margin:32px auto;padding:0 24px;display:grid;grid-template-columns:1.15fr .85fr;gap:28px}
.one{grid-template-columns:1fr;max-width:640px}
h1{font-size:30px;margin:0 0 6px;letter-spacing:-.02em}.sub{color:var(--ink);margin:0 0 22px}
.card{background:#fff;border:1px solid #e2e8ee;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 8px 24px -16px rgba(11,22,32,.25)}
h2{font-size:15px;margin:0 0 16px;display:flex;align-items:center;gap:8px}.n{font:500 11px ui-monospace,monospace;background:var(--navy);color:var(--ice);border-radius:6px;padding:3px 7px}
.pay{width:100%;border:0;border-radius:12px;background:var(--or);color:#fff;font:700 17px Inter,system-ui;padding:16px;cursor:pointer;box-shadow:0 10px 24px -10px rgba(224,115,27,.7);text-decoration:none;display:block;text-align:center}
.pay[disabled]{opacity:.6;cursor:wait}
.fine{font-size:12px;color:#7a8a99;text-align:center;margin-top:12px}
.sum{background:var(--navy);color:#fff;border:0}.sum h2{color:#fff}
.pkg{display:flex;justify-content:space-between;align-items:baseline}.pkg span{color:var(--ice);font:500 11px ui-monospace,monospace;letter-spacing:.08em}
.price{font-size:34px;font-weight:800;letter-spacing:-.02em;margin:8px 0 2px}.muted{color:#9fb2c4;font-size:13px}
.tog{display:grid;grid-template-columns:1fr 1fr;background:#13222f;border-radius:10px;padding:4px;margin:16px 0}
.tog input{position:absolute;opacity:0;pointer-events:none}
.tog label{text-align:center;padding:9px;border-radius:8px;font-size:13px;color:#9fb2c4;cursor:pointer}
.tog input:checked+label{background:var(--ice);color:var(--navy);font-weight:700}
.tog input:focus-visible+label{outline:2px solid var(--or)}
.line{display:flex;justify-content:space-between;font-size:14px;padding:8px 0;border-top:1px solid #1e3242}
.plans h3{font:500 11px ui-monospace,monospace;letter-spacing:.08em;color:var(--ice2);margin:14px 0 6px}
.p{display:flex;justify-content:space-between;font-size:14px;padding:7px 0;border-bottom:1px dashed #e2e8ee;color:inherit;text-decoration:none}.p em{font-style:normal;color:#7a8a99;font-size:13px}
.p.sel{color:var(--ice2);font-weight:700}
.methods{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 0}.methods span{font-size:12px;border:1px solid #cfd8e0;border-radius:999px;padding:4px 10px;color:var(--ink)}
@media(max-width:800px){.wrap{grid-template-columns:1fr;margin:20px auto;padding:0 16px}header{padding:14px 16px}.side{order:-1}h1{font-size:24px}}