*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#17181d;color:#eee;font:16px/1.5 system-ui,sans-serif;padding:24px}.login{width:min(100%,410px);padding:34px;background:#22242b;border:1px solid #565862;border-radius:14px;box-shadow:0 12px 50px #0006}h1{letter-spacing:.08em;color:#efcb79;margin:0 0 14px;font-size:1.7rem}p{color:#c7c7cf;margin:0 0 22px}label{display:block;font-weight:600;margin-bottom:8px}input{width:100%;padding:13px;font-size:1rem;border:1px solid #888;background:#fff;border-radius:7px;color:#161616}button{width:100%;margin-top:18px;background:#e8bb65;color:#131313;padding:13px;border:0;border-radius:7px;font-weight:700;cursor:pointer}.error{padding:12px;background:#532f35;color:#fff;border-radius:7px}