:root { --butter:#f6cc5c; --cream:#fff9e9; --paper:#fffdf7; --cocoa:#493936; --muted:#7d6e68; --line:rgba(73,57,54,.16); --error:#a63f38; --success:#31744a; font-family:Inter,ui-rounded,"SF Pro Rounded","PingFang SC","Microsoft YaHei",system-ui,sans-serif; color:var(--cocoa); background:var(--cream); }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 80% 5%,rgba(246,204,92,.34),transparent 28%),var(--cream); }
.delete-page { width:min(760px,100%); margin:auto; padding:32px 18px 70px; }
.brand { display:inline-flex; align-items:center; gap:11px; color:inherit; text-decoration:none; font-weight:850; line-height:1.05; }
.brand img { width:52px; height:52px; border-radius:14px; object-fit:cover; }
.brand small { color:var(--muted); font-size:9px; letter-spacing:.14em; }
.delete-card { margin-top:28px; padding:clamp(24px,5vw,46px); border:1px solid var(--line); border-radius:30px; background:var(--paper); box-shadow:0 22px 65px rgba(83,57,30,.12); }
.eyebrow { color:#9b6912; font-size:11px; font-weight:850; letter-spacing:.12em; }
h1 { margin:12px 0 2px; font-size:clamp(30px,5vw,44px); line-height:1.14; }
.lead { margin:0 0 30px; color:var(--muted); font-size:18px; }
.language-block { margin:18px 0; padding:17px 18px; border-radius:18px; background:#fff6d9; }
.language-block[lang="en"] { background:#f3ebe8; }
.language-block h2 { margin:0 0 8px; font-size:17px; }
.language-block p { margin:7px 0; color:#6e5f59; font-size:13px; line-height:1.7; }
form { display:grid; gap:16px; margin-top:28px; }
label { display:grid; gap:7px; font-size:13px; font-weight:750; }
input { width:100%; padding:13px 14px; border:1px solid var(--line); border-radius:14px; background:white; font:inherit; }
input:focus { outline:3px solid rgba(246,204,92,.35); border-color:#d2a22d; }
.consent-row { grid-template-columns:22px 1fr; align-items:start; font-weight:650; line-height:1.5; }
.consent-row input { width:19px; height:19px; margin:1px 0 0; }
button { padding:14px 18px; border:0; border-radius:999px; background:var(--error); color:white; font:inherit; font-weight:850; cursor:pointer; }
button:disabled { opacity:.55; cursor:wait; }
.result { margin-top:18px; padding:0; line-height:1.65; font-weight:750; }
.result.error,.result.success { padding:14px 16px; border-radius:14px; }
.result.error { color:var(--error); background:#fae5e2; }
.result.success { color:var(--success); background:#e4f2e8; }
.support { margin-top:24px; color:var(--muted); font-size:12px; line-height:1.7; }
a { color:#8d6115; }
nav { display:flex; flex-wrap:wrap; gap:14px; margin-top:20px; padding-top:18px; border-top:1px solid var(--line); font-size:12px; font-weight:750; }
@media (max-width:520px) { .delete-page { padding-top:20px; } .delete-card { border-radius:24px; } }