.login-shell{background:#fff;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);min-height:100vh;display:grid}.login-story{color:#fff;background:linear-gradient(150deg,#273866 0%,#3d50ba 58%,#586fdf 100%);flex-direction:column;padding:42px 54px;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #ffffff18;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-120px;right:-180px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.login-brand{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.login-brand>div{color:#455bd1;background:#fff;border-radius:12px;place-items:center;width:43px;height:43px;font-weight:800;display:grid;box-shadow:0 8px 20px #1b275944}.login-brand span,.login-brand strong,.login-brand small{display:block}.login-brand strong{letter-spacing:.16em;font-size:15px}.login-brand small{letter-spacing:.18em;color:#dce2ff;margin-top:3px;font-size:9px}.story-copy{z-index:1;max-width:520px;margin:auto 0;position:relative}.story-icon{background:#ffffff18;border-radius:18px;place-items:center;width:62px;height:62px;margin-bottom:25px;display:grid}.story-copy h1{letter-spacing:-.04em;margin:0 0 18px;font-size:46px;line-height:1.18}.story-copy>p{color:#e0e5ff;max-width:460px;font-size:16px;line-height:1.8}.story-safe{background:#ffffff12;border:1px solid #ffffff20;border-radius:14px;align-items:center;gap:12px;max-width:390px;margin-top:34px;padding:14px 16px;display:flex}.story-safe span,.story-safe strong,.story-safe small{display:block}.story-safe strong{font-size:13px}.story-safe small{color:#d7ddfa;margin-top:4px;font-size:10px}.login-story footer{letter-spacing:.12em;color:#cdd5ff;z-index:1;font-size:10px;position:relative}.login-panel{place-items:center;padding:44px;display:grid}.login-panel form{text-align:center;width:min(100%,410px)}.lock-mark{color:#4359ce;background:#edf0ff;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 20px;display:grid}.login-eyebrow{letter-spacing:.16em;color:#5268d2;font-size:10px;font-weight:800}.login-panel h2{letter-spacing:-.035em;margin:10px 0 8px;font-size:30px}.login-panel form>p{color:#7e8797;margin:0;font-size:14px}.pin-dots{justify-content:center;align-items:center;gap:15px;height:54px;margin:22px 0 2px;display:flex}.pin-dots i{border:2px solid #cdd2dc;border-radius:50%;width:13px;height:13px;transition:all .15s}.pin-dots i.filled{background:#455bd0;border-color:#455bd0;transform:scale(1.08)}.pin-dots.error i{border-color:#e17972}.login-hint,.login-error{color:#9aa1ad;height:28px;font-size:11px}.login-error{color:#c9534d}.keypad{grid-template-columns:repeat(3,68px);justify-content:center;gap:11px;margin:9px 0 23px;display:grid}.keypad button{color:#253148;background:#fff;border:1px solid #e0e3e9;border-radius:15px;height:57px;font-size:19px;font-weight:600;transition:all .12s;box-shadow:0 2px 6px #26345408}.keypad button:hover{background:#f5f6fb;border-color:#cfd5e5}.keypad button:active{background:#e9edff;transform:scale(.96)}.login-submit{color:#fff;background:#4359cf;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;font-size:14px;font-weight:700;display:flex;box-shadow:0 8px 18px #4359cf30}.login-submit:disabled{box-shadow:none;background:#b8bed2}.login-security{color:#9098a7;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:10px;display:flex}@media (max-width:850px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh;padding:28px 20px}.login-panel form{max-width:390px}.login-panel h2{font-size:27px}}@media (max-width:400px){.keypad{grid-template-columns:repeat(3,64px);gap:9px}.keypad button{height:54px}.login-panel{padding:20px 16px}}