
@font-face{font-family:Pluto;font-weight:400;src:url(/fonts/Pluto-Web-Regular.woff2) format("woff2")}
@font-face{font-family:Pluto;font-weight:500;src:url(/fonts/Pluto-Web-Medium.woff2) format("woff2")}
:root{--navy:#174076;--blue:#3661CA;--bg:#F5F7FB;--border:#D5DDEA;--text:#1B2B44;--muted:#6B7A90;--ok:#1E7A45;--bad:#B3261E}
*{box-sizing:border-box}
body{margin:0;font-family:Pluto,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}
header{background:var(--navy);color:#fff;padding:16px}
header h1{margin:0 auto;max-width:520px;font-size:19px;font-weight:500}
main{flex:1;width:100%;max-width:520px;margin:0 auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px}
.box{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px}
label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}
input{font:inherit;font-size:24px;letter-spacing:.2em;text-transform:uppercase;padding:10px 12px;border:1px solid var(--border);border-radius:10px;width:100%;color:var(--text);font-family:ui-monospace,Menlo,Consolas,monospace}
input:focus{outline:2px solid var(--blue);outline-offset:0}
button{font:inherit;font-size:17px;padding:12px;border:0;border-radius:10px;background:var(--blue);color:#fff;cursor:pointer}
button:hover{background:var(--navy)}
.hint{font-size:13px;color:var(--muted);margin:0;line-height:1.45}
.err{color:var(--bad)}
.verdict{border-radius:14px;padding:22px 16px;text-align:center;color:#fff}
.verdict strong{display:block;font-size:40px;letter-spacing:.06em;font-weight:500}
.verdict span{display:block;margin-top:6px;font-size:16px}
.verdict.ok{background:var(--ok)}
.verdict.bad{background:var(--bad)}
.verdict.none{background:#5B6577}
dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;font-size:16px}
dt{color:var(--muted)}
dd{margin:0;overflow-wrap:anywhere}
.privacy{background:#FFF6DD;border:1px solid #F0D68A;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.45}
a{color:var(--blue)}
footer{font-size:12px;color:var(--muted);text-align:center;padding:16px;display:flex;gap:16px;justify-content:center}
