:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#20242c;background:#f4f5f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;gap:20px}.brand{display:flex;align-items:center;font-size:28px;font-weight:750;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;width:40px;height:40px;margin-right:12px;background:#20242c;color:white;border-radius:11px;font-size:26px}.brand-dot{color:#b52331}.header-note{font-size:14px;color:#727985}main{flex:1;display:grid;place-items:center;padding:35px 20px 60px}.login-card{width:100%;max-width:470px;background:white;border:1px solid #e8eaee;border-radius:24px;box-shadow:0 18px 60px #1822350b;padding:42px 40px}.lock{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#f8ecee;color:#ad2230;margin-bottom:28px}.lock svg{width:27px;height:27px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;color:#8b6470;margin:0 0 12px}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 14px}.intro{font-size:16px;line-height:1.6;color:#727985;margin:0 0 30px}label{display:block;font-size:14px;font-weight:600;margin:20px 0 9px}input,button{font:inherit}input{width:100%;height:52px;border:1px solid #dce0e6;border-radius:10px;padding:0 15px;color:#20242c;background:#fff;font-size:16px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#9298a3}input:focus{outline:none;border-color:#b52331;box-shadow:0 0 0 3px #b5233112}.password-wrap{position:relative}.password-wrap input{padding-right:100px}.password-wrap button{position:absolute;right:4px;top:4px;height:44px;border:0;background:transparent;padding:0 12px;color:#656d78;font-size:13px;cursor:pointer}button:focus-visible{outline:3px solid #bb8690;outline-offset:3px}.submit{width:100%;min-height:54px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:22px;background:#b52331;color:#fff;font-weight:600;font-size:16px;cursor:pointer;box-shadow:0 6px 14px #b523311a}.submit:hover{background:#991d29}.submit:disabled{opacity:.65;cursor:wait}.submit span{font-size:24px;font-weight:400}#login-error{color:#b52331;font-size:14px;line-height:1.5;min-height:21px;margin:13px 0}.access-note{text-align:center;color:#8b919b;font-size:13px;margin:24px 0 0}footer{text-align:center;padding:20px;color:#9298a3;font-size:13px}@media(max-width:540px){header{padding:22px}.header-note{display:none}main{padding:16px 16px 30px}.login-card{padding:30px 24px;border-radius:20px}h1{font-size:28px}}