:root{color-scheme:light dark;--bg:#f4f0eb;--card:#fff;--text:#2d2926;--muted:#706862;--brand:#6b4f3b;--brand-dark:#513a2b;--line:#ded5ce;--soft:#f7f3ef;--error:#a3341f;--success:#376a45}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:linear-gradient(145deg,#eee6df 0,#f7f4f1 55%,#eee7df 100%);color:var(--text);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main{width:min(720px,calc(100% - 32px));margin:48px auto}
.back{display:inline-flex;margin-bottom:18px;color:var(--brand);text-decoration:none;font-weight:650}
.card{background:var(--card);border:1px solid rgba(107,79,59,.16);border-radius:22px;padding:clamp(24px,5vw,44px);box-shadow:0 18px 55px rgba(67,48,35,.12)}
.eyebrow{margin:0 0 8px;color:var(--brand);font-size:.82rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
h1{margin:.1em 0 .35em;font-size:clamp(2rem,6vw,3rem);line-height:1.08}
h2{margin:0 0 8px;font-size:1.35rem}
.lead{margin:0 0 28px;color:var(--muted)}
.notice{margin:0 0 24px;padding:14px 16px;border-left:4px solid var(--brand);border-radius:10px;background:var(--soft);color:var(--muted)}
.field{display:grid;gap:7px;margin:0 0 18px}
label{font-weight:700}
input{width:100%;min-height:50px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--text);padding:12px 14px;font:inherit;outline:none}
input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(107,79,59,.2)}
.hint{color:var(--muted);font-size:.86rem}
.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:26px}
button{min-height:48px;border:0;border-radius:11px;padding:12px 20px;font:inherit;font-weight:750;cursor:pointer}
.primary{background:var(--brand);color:#fff}.primary:hover{background:var(--brand-dark)}
.secondary{background:var(--soft);color:var(--brand);border:1px solid var(--line)}
button:disabled{cursor:wait;opacity:.65}
.review{display:grid;gap:12px;margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.review div{display:grid;grid-template-columns:minmax(130px,.7fr) 1fr;gap:14px}
.review dt{color:var(--muted)}.review dd{margin:0;overflow-wrap:anywhere}
.statement{padding:14px 16px;border-radius:10px;background:var(--card);font-weight:650}
.error{margin:18px 0 0;color:var(--error);font-weight:650}
.success{padding:18px;border-radius:14px;background:#edf6ef;color:var(--success)}
.meta{margin-top:20px;color:var(--muted);font-size:.85rem}
footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:22px 0;color:var(--muted);font-size:.88rem}
footer a{color:inherit}
[hidden]{display:none!important}
@media(max-width:560px){main{margin:20px auto}.card{border-radius:17px;padding:23px}.actions{display:grid}.actions button{width:100%}.review div{grid-template-columns:1fr;gap:2px}}
@media(prefers-color-scheme:dark){:root{--bg:#151413;--card:#211f1d;--text:#f4f0ed;--muted:#bbb2aa;--brand:#c4aa97;--brand-dark:#ad927e;--line:#514a45;--soft:#2b2825;--error:#ffad97;--success:#a8d8b3}body{background:linear-gradient(145deg,#171513,#211e1b 55%,#151413)}.primary{color:#201a17}.success{background:#1e3325}}
