.unsubscribe-page {
  min-height: 100vh;
  padding: 158px 0 96px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 18% 20%, rgba(16,185,129,.1), transparent 28%),
    radial-gradient(circle at 84% 28%, rgba(37,99,235,.11), transparent 26%),
    #f8fafc;
}

.unsubscribe-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(460px,1.2fr);
  align-items: center;
  gap: clamp(42px,7vw,86px);
}

.unsubscribe-copy .section-tag { margin-bottom: 18px; }
.unsubscribe-copy h1 { max-width: 560px; color:#0f172a; font-size:clamp(2.6rem,5.5vw,4.8rem); letter-spacing:-.055em; line-height:1.02; }
.unsubscribe-copy > p { max-width:520px; margin-top:20px; color:#64748b; font-size:.98rem; line-height:1.75; }
.unsubscribe-promise { margin-top:28px; display:grid; gap:12px; }
.unsubscribe-promise div { display:flex; gap:10px; color:#526176; font-size:.78rem; }
.unsubscribe-promise span { width:22px; height:22px; flex:0 0 22px; display:grid; place-items:center; color:#047857; border-radius:7px; background:#d1fae5; font-weight:900; }

.unsubscribe-card { padding:clamp(28px,5vw,46px); border:1px solid rgba(255,255,255,.95); border-radius:26px; background:rgba(255,255,255,.94); box-shadow:0 30px 80px rgba(15,23,42,.12); }
.unsubscribe-card h2 { color:#0f172a; font-size:1.65rem; }
.unsubscribe-card > p { margin:8px 0 28px; color:#64748b; font-size:.82rem; line-height:1.65; }
.unsubscribe-field { margin-bottom:18px; }
.unsubscribe-field label { display:block; margin-bottom:7px; color:#334155; font-size:.74rem; font-weight:800; }
.unsubscribe-field input,.unsubscribe-field select,.unsubscribe-field textarea { width:100%; min-height:48px; padding:11px 14px; color:#172033; border:1px solid #dce3ec; border-radius:12px; outline:0; background:#fbfcfe; font:inherit; font-size:.82rem; }
.unsubscribe-field textarea { min-height:100px; resize:vertical; }
.unsubscribe-field input:focus,.unsubscribe-field select:focus,.unsubscribe-field textarea:focus { border-color:#60a5fa; background:#fff; box-shadow:0 0 0 4px rgba(37,99,235,.09); }
.unsubscribe-submit { width:100%; min-height:50px; color:#fff; border:0; border-radius:12px; background:#0f172a; font-size:.8rem; font-weight:800; }
.unsubscribe-submit:disabled { opacity:.65; cursor:wait; }
.unsubscribe-note { margin-top:15px; color:#94a3b8; font-size:.65rem; line-height:1.55; }
.optional-label { color:#94a3b8; font-weight:500; }
.deletion-info { margin-top:28px; padding:18px 20px; color:#475569; border:1px solid #fed7aa; border-radius:16px; background:rgba(255,247,237,.8); font-size:.75rem; line-height:1.65; }
.deletion-info strong { display:block; margin-bottom:5px; color:#9a3412; font-size:.78rem; }
.deletion-confirm { display:flex; align-items:flex-start; gap:10px; margin:2px 0 20px; color:#526176; font-size:.7rem; line-height:1.55; }
.deletion-confirm input { width:17px; height:17px; margin-top:2px; accent-color:#2563eb; flex:0 0 17px; }
.deletion-confirm a,.unsubscribe-card p a { color:#2563eb; font-weight:700; }
.account-deletion-page .unsubscribe-card > form > p { margin:8px 0 24px; color:#64748b; font-size:.78rem; line-height:1.65; }
.unsubscribe-status { min-height:20px; margin-top:12px; color:#b91c1c; font-size:.72rem; font-weight:700; }
.unsubscribe-success { padding:36px 12px; text-align:center; }
.unsubscribe-success[hidden] { display:none; }
.unsubscribe-success span { width:62px; height:62px; margin:0 auto; display:grid; place-items:center; color:#fff; border-radius:20px; background:linear-gradient(135deg,#059669,#34d399); font-size:1.5rem; font-weight:900; }
.unsubscribe-success h2 { margin-top:22px; }
.unsubscribe-success p { max-width:430px; margin:10px auto 0; color:#64748b; font-size:.84rem; line-height:1.7; }
.unsubscribe-success a { margin-top:22px; display:inline-block; color:#2563eb; font-size:.76rem; font-weight:800; }

@media(max-width:850px){.unsubscribe-layout{grid-template-columns:1fr}.unsubscribe-copy{max-width:640px}.unsubscribe-card{max-width:640px;width:100%}}
@media(max-width:600px){.unsubscribe-page{padding:122px 0 70px!important}.unsubscribe-copy h1{font-size:clamp(2.4rem,12vw,3.5rem)}.unsubscribe-card{padding:26px 20px;border-radius:20px}}