:root { --bg:#07090d; --panel:#101419; --text:#d7dcdf; --muted:#929ba3; --line:rgba(255,255,255,.1); --mint:#75e9ca; }
* { box-sizing:border-box; }
html { background:var(--bg); scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:radial-gradient(circle at 82% 4%,rgba(58,190,159,.13),transparent 27rem),var(--bg); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.75; }
a { color:inherit; }
.legal-header { height:78px; display:flex; align-items:center; border-bottom:1px solid var(--line); background:rgba(7,9,13,.78); backdrop-filter:blur(16px); }
.legal-nav { width:min(1120px,calc(100% - 40px)); margin:auto; display:flex; align-items:center; justify-content:space-between; }
.legal-brand { display:inline-flex; align-items:center; gap:10px; color:#f5f7f8; text-decoration:none; font-size:19px; font-weight:700; letter-spacing:-.03em; }
.legal-brand img { border-radius:10px; }
.back-link { display:inline-flex; align-items:center; gap:8px; color:var(--muted); text-decoration:none; font-size:14px; transition:color .2s ease; }
.back-link:hover { color:#fff; }
.legal-shell { width:min(880px,calc(100% - 40px)); margin:0 auto; padding:92px 0 120px; }
.legal-eyebrow { margin:0 0 18px; color:var(--mint); font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
h1 { max-width:760px; margin:0; color:#f5f7f8; font-size:clamp(48px,7vw,76px); font-weight:500; line-height:1.02; letter-spacing:-.06em; }
.legal-intro { max-width:690px; margin:25px 0 66px; color:var(--muted); font-size:18px; }
.legal-card { padding:clamp(26px,5vw,56px); border:1px solid var(--line); border-radius:26px; background:linear-gradient(145deg,rgba(18,23,28,.96),rgba(11,14,18,.96)); box-shadow:0 28px 80px rgba(0,0,0,.2); }
.legal-card section + section { margin-top:42px; padding-top:38px; border-top:1px solid var(--line); }
.legal-card h2 { margin:0 0 15px; color:#f1f4f5; font-size:22px; line-height:1.3; letter-spacing:-.025em; }
.legal-card > strong { display:block; margin:0 0 28px; color:#f1f4f5; font-size:22px; line-height:1.3; letter-spacing:-.025em; }
.legal-card p > strong:first-child:only-child { color:#f1f4f5; font-size:22px; line-height:1.3; letter-spacing:-.025em; }
.legal-card p { margin:0 0 18px; color:#aeb6bc; }
.legal-card p:last-child { margin-bottom:0; }
.legal-card ul { margin:18px 0; padding-left:23px; color:#aeb6bc; }
.legal-card li + li { margin-top:7px; }
.legal-card a { color:var(--mint); text-decoration-color:rgba(117,233,202,.35); text-underline-offset:3px; }
.legal-card a:hover { text-decoration-color:var(--mint); }
.deletion-steps { margin:18px 0; padding-left:24px; color:#aeb6bc; }
.deletion-steps li + li { margin-top:9px; }
.deletion-button { min-height:52px; width:max-content; max-width:100%; margin:22px 0; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; border-radius:13px; color:#07130f !important; background:var(--mint); font-weight:700; text-decoration:none; box-shadow:0 14px 35px rgba(117,233,202,.14); transition:transform .2s ease,box-shadow .2s ease; }
.deletion-button:hover { transform:translateY(-2px); box-shadow:0 18px 42px rgba(117,233,202,.22); }
.deletion-note { margin:4px 0 20px; padding:18px 20px; border:1px solid rgba(117,233,202,.15); border-radius:14px; background:rgba(117,233,202,.04); }
.deletion-note p { margin:0; }
.deletion-note p + p { margin-top:5px; }
.legal-footer { padding:30px 20px; border-top:1px solid var(--line); color:#626b72; text-align:center; font-size:12px; }
@media (max-width:600px) { .legal-header{height:70px}.legal-shell{padding:65px 0 80px}.legal-intro{margin-bottom:44px;font-size:16px}.legal-card{border-radius:20px}.legal-card section+section{margin-top:32px;padding-top:30px} }