.login-page{min-height:100vh;background:#f4f7fb;color:#102d5a}.login-page .main{display:grid;place-items:center;min-height:100vh;max-width:none;padding:34px 20px;overflow:hidden}.login-shell{width:min(100%,600px);position:relative}.login-panel{position:relative;z-index:1;width:100%;padding:clamp(28px,5vw,52px);background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.9);border-radius:20px;box-shadow:0 20px 45px rgba(11,42,82,.17)}.login-brand{text-align:center}.login-brand img{display:block;width:min(100%,330px);height:auto;margin:0 auto 10px}.login-brand p{margin:0;color:#4e5c71;font-size:clamp(13px,2.2vw,17px);font-weight:650;letter-spacing:.2px}.login-brand p span{color:#be9639;padding:0 3px}.login-divider{display:flex;align-items:center;gap:13px;margin:34px 0 27px;color:#0c396f;font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:1.2px;white-space:nowrap}.login-divider:before,.login-divider:after{content:"";height:1px;background:#d6b15d;flex:1}.login-welcome{display:flex;align-items:center;gap:15px;margin-bottom:26px}.login-welcome-icon{display:grid;place-items:center;width:51px;height:51px;flex:0 0 51px;border:1px solid #dfc47f;border-radius:50%;background:#fffaf0;color:#092e60;font-size:28px;font-weight:700}.login-welcome h1{margin:0;color:#092e60;font-size:clamp(24px,4vw,30px);letter-spacing:-.5px}.login-welcome p{margin:3px 0 0;color:#657085;font-size:15px}.login-form{display:grid;gap:20px;padding:0}.login-field{display:grid;gap:8px}.login-field label{display:flex;align-items:center;gap:9px;color:#17243b;font-size:15px;font-weight:750}.login-field label span{color:#0a407e;font-size:21px;line-height:1}.login-field input{min-height:56px;border:1px solid #cbd2dc;border-radius:9px;padding:13px 16px;font-size:16px;box-shadow:inset 0 1px 2px rgba(20,38,64,.03)}.login-field input:focus{outline:3px solid rgba(185,144,45,.22);border-color:#a98027}.login-submit{display:flex;align-items:center;justify-content:center;gap:12px;min-height:57px;margin-top:5px;border:0;border-radius:9px;background:linear-gradient(105deg,#062652,#0b3d78);box-shadow:0 10px 18px rgba(6,38,82,.22);color:#fff;font:750 18px inherit;cursor:pointer}.login-submit:hover{background:linear-gradient(105deg,#082f63,#105095)}.login-submit span{font-size:25px;line-height:1}.login-security{display:flex;justify-content:center;align-items:center;gap:11px;margin-top:31px;padding-top:25px;border-top:1px solid #e5e7eb;color:#667085;text-align:left}.login-security>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #b9c0cb;border-radius:50%;color:#31537d;font-size:20px}.login-security strong{display:block;color:#334155;font-size:15px}.login-security p{margin:3px 0 0;font-size:13px}.login-decoration{position:fixed;z-index:0;width:38vw;max-width:460px;height:38vw;max-height:460px;opacity:.52;pointer-events:none;background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 10px,rgba(58,116,175,.22) 11px 12px,transparent 13px 21px)}.login-decoration-left{left:-17vw;bottom:-14vw;transform:rotate(13deg)}.login-decoration-right{right:-19vw;top:14vh;transform:rotate(193deg)}@media(max-width:520px){.login-page .main{padding:18px 14px;align-items:start}.login-panel{padding:31px 25px;border-radius:16px;margin-top:15px}.login-brand img{width:min(100%,285px)}.login-divider{margin:29px 0 24px;font-size:10px;letter-spacing:.8px;gap:9px}.login-welcome{gap:12px;margin-bottom:24px}.login-welcome-icon{width:44px;height:44px;flex-basis:44px;font-size:24px}.login-welcome h1{font-size:25px}.login-welcome p{font-size:14px}.login-field input{min-height:52px}.login-submit{min-height:54px;font-size:17px}.login-decoration{width:76vw;height:76vw}}