:root {color-scheme:light;}
* {box-sizing:border-box;}
body {margin:0;min-height:100vh;background:#f4f7fb;color:#17202a;font-family:"Segoe UI",Arial,sans-serif;}
.auth-shell {min-height:100vh;display:grid;place-items:center;padding:24px;}
.auth-panel {width:min(360px,100%);padding:0 24px 24px;border:1px solid #25a4e2;border-radius:4px;background:#fff;box-shadow:0 14px 38px rgba(30,55,80,.12);}
.auth-panel header {margin:0 -24px 22px;padding:18px 24px;background:#25a4e2;color:#fff;}
.auth-panel h1 {margin:0;font-size:24px;}
.auth-panel p {margin:4px 0 0;font-size:13px;opacity:.9;}
.auth-panel label {display:grid;gap:6px;margin-bottom:14px;}
.auth-panel label span {font-size:13px;color:#536176;}
.auth-panel input {width:100%;height:42px;border:1px solid #cbd7e6;border-radius:4px;padding:0 11px;outline:none;font:inherit;}
.auth-panel input:focus {border-color:#25a4e2;box-shadow:none;}
.auth-panel button {width:100%;height:42px;border:0;border-radius:4px;background:#25a4e2;color:#fff;font-size:15px;cursor:pointer;}
.auth-panel button:hover {background:#168fc9;}
.auth-error {margin-bottom:14px;padding:9px 10px;border:1px solid #f2b8bc;border-radius:4px;background:#fff4f4;color:#c9363e;font-size:13px;}