:root{font-family:system-ui,"Segoe UI",Tahoma,sans-serif;color:#17375f;background:#eef5fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#0a3e80 0,#1979b9 38%,#e8f5ff 39%,#f8fbfe 100%)}.wrap{width:min(640px,calc(100% - 28px));margin:auto;padding:45px 0}.brand{display:flex;gap:15px;align-items:center;font-size:32px;font-weight:800;color:white;margin-bottom:26px}.logo{padding:3px 13px;border:2px solid white;letter-spacing:3px;font-size:20px}.card{border-radius:24px;background:white;padding:35px;box-shadow:0 16px 60px #072e5c29}.eyebrow{color:#188bac;font-weight:800;letter-spacing:2px;font-size:12px}h1{font-size:27px;margin:12px 0}.muted{color:#59748c;line-height:1.7}.notice{background:#ecf7fc;border-left:4px solid #15a3be;border-radius:8px;padding:14px;margin:25px 0}.notice p{margin:6px 0 0;color:#526b83}form{display:grid;gap:12px}label{font-weight:700}small{font-weight:400;color:#72869a}input{padding:14px;border:1px solid #afc9de;border-radius:9px;font-size:16px;width:100%}button{padding:14px;border:0;border-radius:9px;background:#2164a4;color:white;font-size:16px;font-weight:700;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.result{margin-top:17px;padding:14px;border-radius:8px;background:#f1f6fa;color:#264967;overflow-wrap:anywhere}.result.ok{background:#e8f7ee;color:#17643b}.result.fail{background:#fff0ed;color:#a32c19}.cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.cols>div{background:#f3f8fc;border-radius:10px;padding:14px}.cols span{display:block;color:#61798e;font-size:13px;margin-top:6px}.foot{font-size:12px;color:#788da0;margin-top:24px}@media(max-width:560px){.wrap{padding:22px 0}.card{padding:22px}.brand{font-size:27px}.cols{grid-template-columns:1fr}h1{font-size:23px}}