:root{color-scheme:light;--bg:#fff;--fg:#000;--muted:#6b6b6b;--accent:#9a9a9a;--line:#d9d9d9;--max:760px}
*{box-sizing:border-box}
body{margin:0;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--fg);min-height:100vh;display:flex;flex-direction:column}
a{color:var(--fg)}a:hover{color:var(--muted)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px;width:100%}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;height:72px}
header img{display:block}
main{flex:1}
.legal{padding:48px 16px 72px}.legal h1{margin-top:0;font-weight:600;letter-spacing:.02em}
.legal h2{font-size:1.1rem;margin-top:32px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.home main{display:grid;place-items:center;padding:24px 16px}
.home main img{width:min(560px,100%);height:auto}
.form{display:grid;gap:14px;max-width:560px;margin-bottom:20px}.form label{display:grid;gap:4px;font-size:.95rem}
.form input,.form textarea{font:inherit;padding:10px 12px;border:1px solid var(--accent);border-radius:0;background:#fff;color:var(--fg)}
.form input:focus,.form textarea:focus{outline:2px solid var(--fg);outline-offset:0}
.form .check{display:flex;gap:8px;align-items:flex-start}.form .check input{margin-top:5px}
.btn{border:0;cursor:pointer;justify-self:start;font:inherit;font-weight:600;padding:12px 24px;background:var(--fg);color:#fff;border-radius:0;text-decoration:none}
.btn:hover{background:var(--muted);color:#fff}
.hp{position:absolute;left:-9999px}
footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:.9rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
footer a{color:var(--muted);text-decoration:none;margin-left:16px}footer a:hover{color:var(--fg)}
img{max-width:100%;height:auto}
header img{max-width:min(260px,70vw);height:auto;width:auto}
html{-webkit-text-size-adjust:100%}
.form input,.form textarea{width:100%;max-width:100%}
.form input[type=checkbox]{width:auto}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
@media(max-width:480px){.legal{padding:32px 16px 56px}footer .wrap{flex-direction:column;gap:6px}footer a{margin:0 16px 0 0}}
.form label.check{display:block}.form .check input{margin:0 8px 0 0;vertical-align:middle}