.deletion-page { padding-top: 74px; color: #24324a; }
.deletion-hero { background: linear-gradient(135deg, #f1f8ff 0%, #fff 70%); padding-bottom: 3rem; }
.deletion-hero h1 { color: #152b50; font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; }
.deletion-hero .lead { max-width: 760px; }
.eyebrow { color: #0d6efd; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.deletion-card { background: #fff; border: 1px solid #dce6f2; border-radius: 16px; box-shadow: 0 12px 35px rgba(35, 66, 116, .09); padding: clamp(1.25rem, 4vw, 2rem); }
.deletion-card h2, .deletion-details h2 { color: #152b50; font-weight: 700; }
.deletion-card h3, .deletion-details h3 { color: #244a7c; font-size: 1.2rem; font-weight: 700; }
.status-message { border-radius: 8px; margin-bottom: 1rem; padding: .85rem 1rem; }
.status-message:empty { display: none; }
.status-message.info { background: #eaf4ff; color: #123d6a; }
.status-message.success { background: #e7f6ed; color: #155d35; }
.status-message.error { background: #fdecec; color: #842029; }
.verification-code { font-size: 1.35rem; letter-spacing: .35rem; max-width: 15rem; }
.steps-list { padding-left: 1.4rem; }
.steps-list li { margin-bottom: .9rem; padding-left: .35rem; }
.support-note { background: #f6f8fb; border-left: 4px solid #0d6efd; margin-top: 1.5rem; padding: 1rem 1.25rem; }
.support-note p { margin-bottom: 0; }
.deletion-details { background: #f7f9fc; }
.timeline { border-left: 3px solid #9bc6fa; margin: 2rem 0; padding-left: 1.5rem; }
.timeline div { display: grid; gap: .25rem; margin-bottom: 1.5rem; position: relative; }
.timeline div::before { background: #0d6efd; border: 3px solid #f7f9fc; border-radius: 50%; content: ""; height: 15px; left: -2rem; position: absolute; top: .25rem; width: 15px; }
.timeline strong { color: #152b50; }
@media (max-width: 767px) { .deletion-page { padding-top: 60px; } .deletion-card .btn-link { display: block; padding-left: 0; } }