:root { color-scheme: light; --ink:#101719; --muted:#5c696d; --line:#dfe5e3; --paper:#fff; --wash:#f2f5f3; --brand:#087f7b; --danger:#a22d2d; }
* { box-sizing:border-box; }
body { margin:0; background:var(--wash); color:var(--ink); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.6; }
a { color:#076d69; }
.legal-nav { position:sticky; top:0; z-index:3; display:flex; align-items:center; justify-content:space-between; padding:14px clamp(18px,4vw,48px); background:rgba(255,255,255,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }
.legal-brand { display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-weight:850; }
.legal-brand img { width:34px; height:34px; border-radius:10px; }
.legal-nav-links { display:flex; gap:18px; font-size:14px; }
.legal-shell { width:min(860px,calc(100% - 32px)); margin:42px auto 70px; }
.legal-hero,.legal-card { background:var(--paper); border:1px solid var(--line); border-radius:24px; padding:clamp(22px,5vw,48px); box-shadow:0 24px 70px -55px rgba(8,28,28,.6); }
.legal-hero { margin-bottom:16px; }
.legal-kicker { margin:0 0 8px; color:var(--brand); font-weight:850; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
h1 { margin:0 0 12px; font-size:clamp(32px,6vw,54px); line-height:1.04; letter-spacing:-.045em; }
.legal-lead { max-width:680px; margin:0; color:var(--muted); font-size:17px; }
.legal-meta { margin-top:20px; font-size:13px; color:var(--muted); }
.legal-card { border-radius:20px; padding:clamp(22px,4vw,36px); }
.legal-card + .legal-card { margin-top:14px; }
.legal-card h2 { margin:0 0 8px; font-size:22px; letter-spacing:-.02em; }
.legal-card h3 { margin:24px 0 6px; font-size:16px; }
.legal-card p,.legal-card li { color:#334144; }
.legal-card ul { padding-left:21px; }
.legal-note { padding:14px 16px; border-radius:14px; background:#eef8f6; color:#205954; }
.delete-panel { margin-top:22px; display:grid; gap:14px; }
.delete-panel label { display:grid; gap:7px; font-weight:750; }
.delete-panel input { width:100%; padding:13px 14px; border:1px solid #bdc8c5; border-radius:12px; font:inherit; }
.legal-button { display:inline-flex; justify-content:center; align-items:center; min-height:46px; padding:11px 18px; border:0; border-radius:12px; background:var(--ink); color:#fff; font-weight:800; text-decoration:none; cursor:pointer; }
.legal-button.danger { background:var(--danger); }
.legal-button:disabled { opacity:.45; cursor:not-allowed; }
.signin-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.legal-status { min-height:24px; margin:0; color:var(--muted); font-size:14px; }
.legal-status.error { color:var(--danger); }
.legal-success { text-align:center; }
.legal-success-mark { width:58px; height:58px; display:grid; place-items:center; margin:0 auto 16px; border-radius:18px; background:#dff3ed; color:#08715f; font-size:28px; font-weight:900; }
@media (max-width:560px) { .legal-nav-links a:first-child { display:none; } .legal-shell { margin-top:22px; } }