body{margin:0;background:#f4f6fa;color:#18263b;font:16px/1.7 system-ui,sans-serif}
main{max-width:400px;margin:10vh auto;padding:36px;background:white;border:1px solid #dde3ed;border-radius:18px}
.brand{color:#235ca5;font-size:13px;letter-spacing:.14em}h1{font-size:27px;margin:8px 0}p{color:#566477}
label{display:block;margin:18px 0 6px}input,button{box-sizing:border-box;width:100%;font:inherit;border-radius:8px;padding:11px 13px}
input{border:1px solid #b9c4d4}button{margin-top:24px;background:#235ca5;color:white;border:0;cursor:pointer}
.error{color:#a02b2b}small{display:block;color:#67758a;margin-top:24px}@media(max-width:520px){main{margin:6vh 18px;padding:26px}}