:root { color-scheme: light; --ink:#07111f; --text:#405064; --blue:#0f4c81; --line:#d9e2ec; --paper:#fff; --bg:#f6f9fc; --red:#a41f1f; }
* { box-sizing: border-box; }
body { margin:0; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:var(--bg); }
main,footer { width:min(860px,calc(100% - 34px)); margin:0 auto; }
main { padding:42px 0 34px; }
a { color:var(--blue); }
.back { display:inline-block; margin-bottom:28px; font-weight:800; text-decoration:none; }
h1 { margin:0; font-size:clamp(38px,8vw,64px); line-height:1; }
h2 { margin:34px 0 10px; font-size:25px; }
h3 { margin:24px 0 8px; }
p,li,label,input,textarea,button { font-size:16px; line-height:1.58; }
p,li { color:var(--text); }
li+li { margin-top:7px; }
.meta,.note { color:#6a788a; }
.notice,.panel { border:1px solid var(--line); background:var(--paper); border-radius:14px; padding:18px; margin:20px 0; }
.notice { border-left:5px solid var(--blue); }
.danger { border-left-color:var(--red); }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0; }
button,.button { border:1px solid var(--blue); border-radius:10px; padding:10px 16px; background:var(--blue); color:#fff; font-weight:750; cursor:pointer; text-decoration:none; }
button.secondary,.button.secondary { background:#fff; color:var(--blue); }
button.danger { background:var(--red); border-color:var(--red); }
button:disabled { opacity:.5; cursor:not-allowed; }
input,textarea { width:100%; border:1px solid #b9c6d3; border-radius:8px; padding:10px; background:#fff; color:var(--ink); }
textarea { min-height:110px; }
.field { display:grid; gap:5px; margin:12px 0; }
.checks label { display:flex; gap:9px; align-items:flex-start; margin:10px 0; }
.checks input { width:auto; margin-top:7px; }
.hidden { display:none !important; }
.status { font-weight:700; color:var(--blue); }
.request { border-top:1px solid var(--line); padding:10px 0; }
footer { padding:22px 0 42px; color:#6a788a; }
@media (max-width:600px) { main { padding-top:28px; } .actions button,.actions .button { width:100%; text-align:center; } }