:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#102b50;font:15px/1.5 system-ui}main{max-width:680px;margin:38px auto;padding:28px;background:white;border:1px solid #dce4ef;border-radius:16px}.login{max-width:450px;margin-top:12vh}.logo{width:140px;height:65px;object-fit:contain}h1{font-size:25px}h2{font-size:17px;margin-top:25px}label{display:block;font-size:13px;margin:13px 0}input{display:block;width:100%;padding:10px;border:1px solid #cbd6e5;border-radius:8px;color:#102b50;font:inherit;margin-top:5px}button,.button{display:inline-block;padding:11px 18px;border:0;border-radius:8px;background:#d84a1e;color:white;font:600 14px system-ui;margin-top:17px;cursor:pointer;text-decoration:none}button:disabled{opacity:.45;cursor:default}.fields{display:grid;grid-template-columns:2fr 1fr;gap:14px}.error{padding:13px;background:#fff0e9;color:#a13f23;border-radius:8px}.success{background:#e7f5ed;color:#236749;padding:13px;border-radius:8px}small{display:block;color:#7e8ca0;font-size:11px}li{font-size:13px;margin:4px 0}code{overflow-wrap:anywhere}@media(max-width:700px){main{margin:12px;padding:20px}}