*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#f5f9fd;color:#223746;font:16px/1.5 system-ui,sans-serif;padding:24px}.access-card{width:min(100%,420px);background:#fff;border:1px solid #e1eaf2;border-radius:24px;padding:32px;box-shadow:0 12px 40px #264a640a}h1{font-size:25px;margin:18px 0 24px;letter-spacing:-.7px}label{display:grid;gap:9px;margin:18px 0 8px}input{width:100%;padding:13px;border:1px solid #dce6ef;border-radius:11px;font:inherit}input:focus{outline:3px solid #eaf4ff;border-color:#438ef1}button{width:100%;margin-top:22px;background:#287df4;color:white;border:0;border-radius:11px;padding:14px;font:600 16px system-ui;cursor:pointer}small,.hint{font-size:13px;color:#7892a4}.hint{margin:24px 0 0}.error{color:#b33d3d;font-size:14px}