:root{font:16px/1.5 system-ui,-apple-system,sans-serif;color:#14233c;background:#f1f5fa}
*{box-sizing:border-box}
body{margin:0;padding:clamp(12px,4vw,32px)}
main{max-width:540px;margin:24px auto;padding:clamp(18px,5vw,32px);background:#fff;border:1px solid #d9e3ef;border-radius:16px}
header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #e1e8f1}
header p{margin:0;font-size:.86rem;color:#52617b}
.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#165ccb;color:#fff;font-weight:700}
h1{font-size:clamp(1.4rem,6vw,1.8rem);line-height:1.2;margin:24px 0 10px}
p{margin:12px 0;overflow-wrap:anywhere}
form{display:grid;gap:14px;margin-top:18px}
label{display:grid;gap:5px;font-weight:600}
label small{font-weight:400;color:#52617b}
input,button{font:inherit;border-radius:9px;min-height:46px}
input{min-width:0;width:100%;padding:9px 12px;border:1px solid #8f9eb4;color:#14233c;background:#fff}
button{padding:8px 14px;border:1px solid #1456bc;background:#1456bc;color:#fff;font-weight:650}
.secondary{background:#fff;color:#114b9f}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #2975e8;outline-offset:3px}
a{color:#124fa8;text-underline-offset:.18em}
.hint{margin:0;color:#52617b;font-size:.9rem}
.alert{color:#842022;background:#fff0ef;border-radius:9px;padding:12px}
.reference,.message{padding:12px;border-radius:9px;background:#edf4fd}
.reference{font-size:1.2rem}
.chats{padding:0;list-style:none}
.chats li{border-bottom:1px solid #d9e3ef}
.chats a{display:block;padding:13px 5px;min-height:44px}
.chats small{display:block;color:#52617b}