.account-deletion-page{
    display:grid;
    gap:20px;
    max-width:1020px;
    margin:0 auto;
}

.account-deletion-hero{
    padding:38px;
    background:
        radial-gradient(circle at top right,rgba(200,61,61,.12),transparent 38%),
        #fff;
}

.account-deletion-kicker{
    display:inline-block;
    margin-bottom:8px;
    color:#c83d3d;
    font-weight:900;
    letter-spacing:.04em;
}

.account-deletion-hero h1{
    margin:0 0 13px;
    color:#172b4d;
    font-size:clamp(1.85rem,4vw,2.7rem);
    line-height:1.15;
}

.account-deletion-hero p{
    max-width:780px;
    margin:0;
    color:#53657e;
    font-size:1.02rem;
    line-height:1.7;
}

.account-deletion-grid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
    gap:18px;
    align-items:start;
}

.account-deletion-form-card,
.account-deletion-data-card,
.account-deletion-help,
.account-deletion-success{
    padding:28px;
}

.account-deletion-form-card h2,
.account-deletion-data-card h2,
.account-deletion-help h2,
.account-deletion-success h2{
    margin:0 0 13px;
    color:#172b4d;
    font-size:1.25rem;
}

.account-deletion-form-card p,
.account-deletion-data-card li,
.account-deletion-help p,
.account-deletion-success p{
    color:#53657e;
    line-height:1.7;
}

.account-deletion-form-card form{
    margin-top:20px;
}

.account-deletion-form-card label{
    color:#344a67;
}

.account-deletion-form-card input{
    width:100%;
}

.account-deletion-form-card .button.danger{
    background:#c83d3d;
}

.account-deletion-data-card ul{
    margin:0;
    padding-left:22px;
}

.account-deletion-data-card li+li{
    margin-top:8px;
}

.account-deletion-warning,
.account-deletion-retention{
    padding:14px 16px;
    border-radius:12px;
    line-height:1.6;
}

.account-deletion-warning{
    margin:14px 0;
    border:1px solid #efc5c5;
    background:#fff4f4;
    color:#9f2f2f;
    font-weight:800;
}

.account-deletion-retention{
    margin-top:18px;
    border:1px solid #dce6f2;
    background:#f5f8fc;
    color:#607089;
    font-size:.87rem;
}

.account-deletion-login-link{
    margin:18px 0 0!important;
    font-size:.9rem;
}

.account-deletion-page a{
    color:#1766c5;
    font-weight:800;
}

.account-deletion-success{
    text-align:center;
}

.account-deletion-success-icon{
    width:72px;
    height:72px;
    margin:0 auto 16px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#e9f8ef;
    color:#248a4b;
    font-size:2rem;
    font-weight:900;
}

.account-deletion-success .button{
    margin-top:10px;
    color:#fff;
}

.account-deletion-profile-card .account-deletion-profile-action{
    margin-top:18px;
}

.privacy-delete-action{
    margin:12px 0 18px;
}

.privacy-delete-action a{
    display:inline-flex;
    padding:10px 14px;
    border-radius:10px;
    background:#fff0f0;
    color:#b43434!important;
    text-decoration:none;
}

@media(max-width:760px){
    .account-deletion-page{gap:14px}
    .account-deletion-grid{grid-template-columns:1fr;gap:14px}
    .account-deletion-hero,
    .account-deletion-form-card,
    .account-deletion-data-card,
    .account-deletion-help,
    .account-deletion-success{padding:22px 18px}
}