.subscription-page{position:relative;overflow:hidden;min-height:calc(100vh - 78px);padding:72px 24px 110px;background:radial-gradient(circle at 15% 12%,rgba(10,113,164,.16),transparent 34%),var(--page)}
.subscription-page::before{content:"";position:absolute;width:520px;height:520px;inset:auto -210px -240px auto;border:1px solid color-mix(in srgb,var(--blue) 24%,transparent);border-radius:50%;box-shadow:0 0 0 70px color-mix(in srgb,var(--blue) 4%,transparent),0 0 0 140px color-mix(in srgb,var(--blue) 3%,transparent);pointer-events:none}
.subscription-shell{position:relative;z-index:1;max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(540px,1.18fr);gap:64px;padding:64px;border:1px solid color-mix(in srgb,var(--blue) 42%,var(--line));border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--navy) 96%,transparent),color-mix(in srgb,var(--panel) 90%,transparent));box-shadow:0 34px 90px rgba(0,0,0,.2)}
.subscription-story{display:flex;flex-direction:column;align-items:flex-start;padding:12px 0}.subscription-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.16em}.subscription-kicker::before{content:"";width:28px;height:2px;background:var(--blue)}
.subscription-story h1{max-width:560px;margin:24px 0 20px;font-size:clamp(38px,4.4vw,62px);line-height:1.04;letter-spacing:-.045em}.subscription-story>p{max-width:540px;margin:0;color:var(--muted);font-size:18px;line-height:1.72}.subscription-story>small{max-width:500px;margin-top:32px;color:var(--muted);line-height:1.6}
.subscription-benefits{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.subscription-benefits span{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel-2) 74%,transparent);color:var(--text);font-size:12px;font-weight:650}.subscription-benefits i{color:var(--blue);font-size:10px;font-style:normal}
.subscription-form-panel{align-self:center;padding:36px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--navy) 96%,transparent);box-shadow:0 20px 50px rgba(0,0,0,.12)}.subscription-form-heading>span{font-size:22px;font-weight:800}.subscription-form-heading>p{margin:7px 0 26px;color:var(--muted);font-size:14px}
.subscription-primary-fields,.subscription-optional-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.subscription-email{grid-column:1/-1}.subscription-form-panel label>span{display:block;margin-bottom:7px;color:var(--text);font-size:13px;font-weight:700}.subscription-form-panel input[type=text],.subscription-form-panel input[type=email],.subscription-form-panel input[type=tel],.subscription-form-panel select{width:100%;height:56px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.subscription-form-panel input::placeholder{color:color-mix(in srgb,var(--muted) 76%,transparent)}.subscription-form-panel input:focus,.subscription-form-panel select:focus{border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 14%,transparent)}
.subscription-optional{margin:18px 0}.subscription-optional summary{cursor:pointer;color:var(--blue);font-size:13px;font-weight:700}.subscription-optional-grid{margin-top:16px}.subscription-consent{display:block!important;margin:24px 0!important;cursor:pointer}.subscription-consent>input{position:absolute;opacity:0}.subscription-consent>span{position:relative;padding-inline-start:36px!important;margin:0!important;color:var(--muted)!important;font-weight:500!important;line-height:1.55}.subscription-consent b{position:absolute;inset-inline-start:0;inset-block-start:1px;width:24px;height:24px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.subscription-consent input:checked+span b{border-color:var(--blue);background:var(--blue)}.subscription-consent input:checked+span b::after{content:"";position:absolute;width:10px;height:6px;inset:6px 0 0 6px;border-inline-start:2px solid var(--ink);border-block-end:2px solid var(--ink);transform:rotate(-45deg)}.subscription-consent input:focus-visible+span b{outline:3px solid color-mix(in srgb,var(--blue) 40%,transparent);outline-offset:2px}
.subscription-submit{width:100%;min-height:58px;display:flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:12px;background:linear-gradient(100deg,#0878b1,#54c9f2);color:#06111d;font:inherit;font-weight:850;cursor:pointer;box-shadow:0 14px 30px rgba(8,120,177,.2);transition:.2s}.subscription-submit:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(8,120,177,.28)}.subscription-submit i{font-size:20px;font-style:normal}.subscription-privacy{margin:14px 0 0;text-align:center;color:var(--muted);font-size:11px}.subscription-error{margin-bottom:18px;padding:13px 15px;border:1px solid #b94a55;border-radius:10px;background:rgba(185,74,85,.12);color:#ffb9bf}.subscription-success{padding:50px 20px;text-align:center}.subscription-success>span{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;border-radius:50%;background:var(--mint);color:#062018;font-size:30px;font-weight:900}.subscription-success h2{font-size:32px;margin:0 0 12px}.subscription-success p{color:var(--muted)}
:root[data-theme=light] .subscription-page{background:radial-gradient(circle at 15% 12%,rgba(8,107,159,.1),transparent 34%),#f4f7fa}:root[data-theme=light] .subscription-shell{background:linear-gradient(135deg,#fff,#edf5f9);box-shadow:0 30px 75px rgba(25,58,78,.13)}:root[data-theme=light] .subscription-form-panel{background:#fff}:root[data-theme=light] .subscription-form-panel input,:root[data-theme=light] .subscription-form-panel select{background:#f7fafc}:root[data-theme=light] .subscription-benefits span{background:#edf5f9}
@media(max-width:980px){.subscription-shell{grid-template-columns:1fr;gap:38px;padding:42px}.subscription-form-panel{width:100%}}@media(max-width:620px){.subscription-page{padding:34px 14px 74px}.subscription-shell{padding:26px 20px;border-radius:22px}.subscription-story h1{font-size:38px}.subscription-story>p{font-size:16px}.subscription-form-panel{padding:24px 18px}.subscription-primary-fields,.subscription-optional-grid{grid-template-columns:1fr}.subscription-email{grid-column:auto}.subscription-benefits{flex-direction:column}.subscription-benefits span{border-radius:12px}}