:root{color-scheme:dark;font:15px system-ui;background:#10151e;color:#e1e8f3}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:22px 5%;border-bottom:1px solid #303c50}header strong{font-size:24px}header span{color:#a9b8cd}header button{margin-left:auto}main{max-width:1100px;margin:36px auto;padding:0 24px}#login{max-width:400px;background:#192231;border:1px solid #35445c;border-radius:12px;padding:28px}form{display:grid;gap:14px}input,button{font:inherit;padding:11px;border:1px solid #50617c;border-radius:7px;background:#223047;color:inherit}button{cursor:pointer}button:hover{background:#304563}#message{color:#efb56c}label{color:#b6c5db}[hidden]{display:none!important}