
:root{--bg:#ffffff;--surface:#f5f5f5;--text:#171717;--muted:#666;--line:#e5e5e5;--accent:#2E5BFF;--accent-text:#1D44E0;--soft:#E9EEFF;--red:#B4232A;--red-soft:#FDECEC;--amber:#8A5300;--amber-soft:#FFF4E0;--green:#1F6B3A;--green-soft:#E8F5EC}
@media (prefers-color-scheme:dark){:root{--bg:#111;--surface:#1c1c1c;--text:#f2f2f2;--muted:#a3a3a3;--line:#2e2e2e;--accent:#6F8DFF;--accent-text:#9DB2FF;--soft:#1a2347;--red:#FF8A8A;--red-soft:#3a1717;--amber:#F5C26B;--amber-soft:#3a2c12;--green:#7FD39A;--green-soft:#15301e}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif}
main{max-width:720px;margin:0 auto;padding:40px 20px 24px}
a{color:var(--accent-text)}
.kicker{font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kicker b{color:var(--accent-text)}
h1{font-size:clamp(30px,6vw,44px);line-height:1.08;letter-spacing:-.02em;margin:18px 0 14px}
h2{font-size:22px;line-height:1.2;margin:36px 0 12px}
p{margin:0 0 14px}.lead{font-size:19px}.muted{color:var(--muted)}.small{font-size:14px}
ul.checks{padding:0;margin:0 0 8px;list-style:none}ul.checks li{padding:8px 0 8px 28px;position:relative;border-bottom:1px solid var(--line)}
ul.checks li::before{content:"";position:absolute;left:4px;top:16px;width:10px;height:10px;border-radius:3px;background:var(--accent)}
form{background:var(--surface);border-radius:14px;padding:22px;margin:28px 0}
label{display:block;font-weight:600;margin:0 0 6px}
input[type=text],input[type=email]{width:100%;font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);margin-bottom:16px}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin:4px 0 18px}.consent input{margin-top:4px;width:20px;height:20px;flex:none}
.consent label{font-weight:400;margin:0}
button,.button{display:inline-block;font-family:inherit;font-weight:600;font-size:17px;line-height:1;background:var(--accent);color:#fff;border:0;border-radius:10px;padding:15px 22px;cursor:pointer;text-decoration:none}
.error{background:var(--red-soft);color:var(--red);border-radius:10px;padding:12px 14px;margin-bottom:16px}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.finding{border-left:5px solid var(--line);background:var(--surface);border-radius:8px;padding:14px 16px;margin:0 0 10px}
.finding h3{font-size:17px;margin:0 0 4px}.finding p{margin:0;font-size:15px;color:var(--muted)}
.deadline{border-color:var(--red)}.legal{border-color:var(--amber)}.improve{border-color:var(--accent)}.ok{border-color:var(--green)}
.tag{display:inline-block;font:600 12px/1 ui-monospace,Menlo,monospace;padding:4px 7px;border-radius:5px;margin-right:6px;vertical-align:2px}
.tag.deadline{background:var(--red-soft);color:var(--red)}.tag.legal{background:var(--amber-soft);color:var(--amber)}.tag.improve{background:var(--soft);color:var(--accent-text)}.tag.ok{background:var(--green-soft);color:var(--green)}
.cta{border:2px solid var(--accent);border-radius:14px;padding:20px;margin:32px 0}
.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:s 1s linear infinite;margin:24px 0}
@keyframes s{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}
footer{max-width:720px;margin:0 auto;padding:24px 20px 40px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
footer a{color:var(--muted)}
.m0{margin-top:0}.note{margin:14px 0 0}
