:root { --account-orange: #ef7435; --account-ink: #0d1215; --account-paper: #f3eee7; }
html { background: var(--account-ink); }
.account-deletion-body { min-width: 320px; margin: 0; background: var(--account-ink); color: var(--account-paper); font-family: "Instrument Sans", sans-serif; }
.account-deletion-background { position: fixed; z-index: 0; inset: 0; background: linear-gradient(rgba(10, 15, 18, .64), rgba(10, 15, 18, .84)), url("/landing/photos/landing-body-bg.jpg") center / cover no-repeat; pointer-events: none; }
.account-deletion-main, .landing-footer { position: relative; z-index: 1; }
.account-deletion-main { min-height: calc(100vh - 112px); padding: 152px 32px 96px; }
.account-deletion-section { width: min(100%, 700px); margin: 0 auto; }
.account-deletion-heading { margin-bottom: 36px; text-align: center; }
.account-deletion-eyebrow, .account-deletion-confirmation-kicker { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0 0 16px; color: var(--account-orange); font-size: 11px; font-weight: 600; letter-spacing: .19em; }
.account-deletion-eyebrow::before, .account-deletion-eyebrow::after { width: 38px; height: 1px; background: rgba(239,116,53,.7); content: ""; }
.account-deletion-heading h1 { margin: 0; font-size: clamp(38px, 5vw, 58px); font-weight: 500; letter-spacing: -.055em; line-height: .98; }
.account-deletion-heading > p:last-child { max-width: 470px; margin: 17px auto 0; color: rgba(243,238,231,.68); font-size: 16px; line-height: 1.55; }
.account-deletion-card { border: 1px solid rgba(243,238,231,.14); border-radius: 16px; background: linear-gradient(145deg, rgba(28,36,39,.9), rgba(12,18,21,.94)); box-shadow: 0 22px 64px rgba(0,0,0,.24); overflow: hidden; }
.account-deletion-card form, .account-deletion-confirmation { padding: clamp(24px, 4vw, 42px); }
.account-deletion-methods { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin: 0; padding: 0; border: 0; }
.account-deletion-methods legend, .account-deletion-email-field > label { display: block; margin-bottom: 12px; color: rgba(243,238,231,.72); font-size: 13px; font-weight: 500; }
.account-deletion-methods legend { grid-column: 1 / -1; }
.account-deletion-method { display: flex; min-height: 76px; align-items: center; gap: 12px; padding: 13px; border: 1px solid rgba(243,238,231,.12); border-radius: 10px; cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.account-deletion-method:hover { transform: translateY(-1px); border-color: rgba(239,116,53,.5); }
.account-deletion-method.is-selected { border-color: rgba(239,116,53,.72); background: rgba(239,116,53,.07); }
.account-deletion-method input { position: absolute; opacity: 0; pointer-events: none; }
.account-deletion-method-icon { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(239,116,53,.35); border-radius: 50%; color: var(--account-orange); font-size: 18px; font-weight: 600; }
.account-deletion-google { font-family: Arial, sans-serif; font-size: 16px; }
.account-deletion-method strong, .account-deletion-method small { display: block; }
.account-deletion-method strong { font-size: 14px; font-weight: 600; }
.account-deletion-method small { margin-top: 4px; color: rgba(243,238,231,.52); font-size: 11px; line-height: 1.3; }
.account-deletion-email-field { margin-top: 24px; }
.account-deletion-email-field input { box-sizing: border-box; width: 100%; padding: 14px 15px; border: 1px solid rgba(243,238,231,.16); border-radius: 8px; outline: 0; background: rgba(4,8,10,.36); color: var(--account-paper); font: inherit; transition: border-color .2s ease, background .2s ease; }
.account-deletion-email-field input:focus { border-color: var(--account-orange); background: rgba(4,8,10,.54); }
.account-deletion-google-copy { margin: 24px 0 0; color: rgba(243,238,231,.64); font-size: 14px; line-height: 1.55; }
.account-deletion-acknowledgement { display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: start; margin-top: 26px; padding-top: 22px; border-top: 1px solid rgba(243,238,231,.1); }
.account-deletion-check { display: flex; gap: 11px; align-items: flex-start; color: rgba(243,238,231,.76); font-size: 13px; line-height: 1.45; cursor: pointer; }
.account-deletion-check input { position: absolute; opacity: 0; }
.account-deletion-check > span { display: grid; width: 17px; height: 17px; flex: 0 0 auto; place-items: center; margin-top: 1px; border: 1px solid rgba(243,238,231,.36); border-radius: 4px; background: rgba(4,8,10,.4); }
.account-deletion-check input:checked + span { border-color: var(--account-orange); background: var(--account-orange); }
.account-deletion-check input:checked + span::after { width: 7px; height: 4px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; content: ""; transform: rotate(-45deg) translate(1px,-1px); }
.account-deletion-check input:focus-visible + span { outline: 2px solid #f6c6ad; outline-offset: 3px; }
.account-deletion-details-toggle { padding: 0; border: 0; background: none; color: var(--account-orange); font: 500 12px/1.45 "Instrument Sans",sans-serif; white-space: nowrap; cursor: pointer; }
.account-deletion-details-toggle span { display: inline-block; transition: transform .2s ease; }.account-deletion-details-toggle[aria-expanded="true"] span { transform: rotate(180deg); }
.account-deletion-details { margin-top: 16px; padding: 17px 18px; border: 1px solid rgba(243,238,231,.1); border-radius: 9px; background: rgba(3,7,9,.25); color: rgba(243,238,231,.62); font-size: 12px; line-height: 1.55; }.account-deletion-details p { margin: 0; }.account-deletion-details p + p { margin-top: 14px; }.account-deletion-details strong { color: rgba(243,238,231,.9); }
.account-deletion-status { min-height: 20px; margin: 18px 0 0; color: rgba(243,238,231,.72); font-size: 13px; line-height: 1.45; }.account-deletion-status.is-error { color: #f0af8f; }.account-deletion-status.is-success { color: #d7e2d8; }
.account-deletion-submit { display: inline-flex; width: 100%; align-items: center; justify-content: center; gap: 10px; margin-top: 17px; padding: 15px 20px; border: 1px solid rgba(255,177,123,.75); border-radius: 8px; background: rgba(239,116,53,.88); color: #fff7f1; font: 600 15px/1.2 "Instrument Sans",sans-serif; cursor: pointer; transition: transform .2s ease, background .2s ease, opacity .2s ease; }.account-deletion-submit:hover:not(:disabled) { background: #ef7435; transform: translateY(-1px); }.account-deletion-submit:disabled { cursor: not-allowed; opacity: .48; }
.account-deletion-confirmation { text-align: center; }.account-deletion-confirmation-kicker { justify-content: center; margin-bottom: 11px; color: var(--account-orange); font-size: 10px; letter-spacing: .18em; }.account-deletion-confirmation h2 { margin: 0; font-size: clamp(27px,4vw,37px); font-weight: 500; letter-spacing: -.04em; }.account-deletion-confirmation > p:not(.account-deletion-status) { max-width: 490px; margin: 14px auto 25px; color: rgba(243,238,231,.66); font-size: 14px; line-height: 1.55; }.account-deletion-final-check { text-align: left; }.account-deletion-confirmation .account-deletion-status { text-align: left; }
@media (max-width: 640px) { .account-deletion-main { padding: 120px 18px 64px; }.account-deletion-heading { margin-bottom: 27px; }.account-deletion-heading h1 { font-size: 39px; }.account-deletion-methods { grid-template-columns: 1fr; }.account-deletion-acknowledgement { grid-template-columns: 1fr; gap: 14px; }.account-deletion-details-toggle { justify-self: start; margin-left: 28px; }.account-deletion-card form, .account-deletion-confirmation { padding: 24px 20px; } }