:root{color-scheme:dark;font-family:Arial,sans-serif;background:#101615;color:#e7eceb}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:100%;max-width:430px;padding:36px;border:1px solid #38513e;border-radius:18px;background:#19261e}.brand{color:#a6e4b7;font-weight:800;letter-spacing:3px;margin-bottom:24px}h1{font-size:25px}p{color:#9bb1a2;font-size:14px;line-height:1.7}label{display:block;margin-top:20px;font-size:14px}input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #42634d;border-radius:7px;background:#111d15;color:#e7eceb;font:inherit}input:focus{outline:2px solid #a6e4b7}button{width:100%;padding:13px;margin-top:25px;border:0;border-radius:8px;background:#a6e4b7;color:#163322;font-weight:700;cursor:pointer}.error{background:#482e25;color:#f9bc9f;padding:12px;border-radius:8px;font-size:14px}