:root { --ink:#18212a; --muted:#5f6c79; --line:#dfe5ea; --blue:#1f5d89; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#f5f7f9; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.legal-page { width:min(860px, calc(100% - 34px)); margin:42px auto 72px; padding:clamp(24px,5vw,48px); background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 12px 35px rgba(25,36,48,.08); }
.back { color:var(--blue); text-decoration:none; font-weight:700; } .back:hover { text-decoration:underline; }
h1 { font-size:clamp(2rem,5vw,3rem); margin:28px 0 5px; } h2 { margin:32px 0 9px; font-size:1.2rem; } p { margin:0 0 14px; line-height:1.65; } .updated { color:var(--muted); font-size:.92rem; } a { color:var(--blue); }
form { margin-top:24px; } form p { margin:0 0 13px; } label { display:block; color:#394754; font-size:.9rem; font-weight:700; } input { display:block; width:100%; min-height:43px; margin-top:6px; padding:9px 11px; color:var(--ink); border:1px solid #cfd7de; border-radius:8px; background:#fff; font:inherit; } button { min-height:44px; padding:0 18px; border:0; border-radius:9px; color:#fff; background:#152431; font:800 .95rem/1 inherit; cursor:pointer; } .notice { margin:20px 0; padding:12px 14px; border-left:4px solid #4a7f9e; background:#edf6fb; border-radius:5px; } .error { border-left-color:#ae3030; background:#fff3f3; } code { padding:1px 5px; border-radius:4px; background:#eef1f4; color:#25333e; }