:root{--ink:#17252c;--muted:#68777d;--cream:#f5f4ef;--line:#dde3e1;--dark:#242122;--red:#a8322d}*{box-sizing:border-box}body{min-height:100vh;margin:0;padding:24px;display:grid;place-items:center;background:var(--cream);color:var(--ink);font:15px/1.5 Inter,Segoe UI,Arial,sans-serif}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px;box-shadow:0 24px 70px #17252c14}.login-card img{display:block;width:210px;max-width:75%;height:auto;margin:0 auto 34px}.eyebrow{margin:0 0 7px;font-size:11px;font-weight:800;letter-spacing:.16em}.login-card h1{margin:0 0 10px;font:700 31px Georgia,serif}.intro{margin:0 0 25px;color:var(--muted)}label{display:block;margin-bottom:7px;font-weight:700}.password-row{display:grid;grid-template-columns:1fr auto;border:1px solid #cbd3d0;border-radius:10px;overflow:hidden}.password-row:focus-within{outline:2px solid #7a7476;outline-offset:1px}.password-row input{min-width:0;padding:13px;border:0;outline:0;font:inherit}.password-row button{border:0;border-left:1px solid var(--line);background:#f1efef;padding:0 13px;cursor:pointer}.submit{width:100%;margin-top:5px;padding:13px;border:0;border-radius:10px;background:var(--dark);color:#fff;font-weight:800;cursor:pointer}.submit:disabled{opacity:.65}.error{min-height:23px;margin:8px 0 0;color:var(--red);font-size:13px}.login-card small{display:block;margin-top:25px;color:var(--muted);text-align:center}@media(max-width:500px){.login-card{padding:28px 22px}}