html,body{width:100%;height:100%;min-height:100%;margin:0}.auth-page{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;display:grid!important;grid-template-columns:minmax(500px,55%) minmax(460px,45%)!important;overflow:auto;background:#f8fbff;color:#14213a}.auth-visual{position:relative;min-height:100%;overflow:hidden;display:flex;flex-direction:column;padding:clamp(38px,5vw,76px) clamp(48px,7vw,134px);background:linear-gradient(135deg,#082f5c 0%,#07549a 46%,#0d82df 76%,#22a7ef 100%);color:#fff}.auth-brand{position:relative;z-index:3;display:flex;align-items:center;gap:14px;width:max-content}.auth-brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;color:#1478ee;font-size:20px;font-weight:850;box-shadow:0 14px 34px #001d483d}.auth-brand>span:last-child{display:block}.auth-brand strong{display:block;font-size:22px;line-height:1.1;letter-spacing:-.4px}.auth-brand small{display:block;margin-top:5px;font-size:9px;font-weight:750;letter-spacing:1.45px;color:#b9dcff}.auth-message{position:relative;z-index:3;margin:auto 0;max-width:700px;padding:8vh 0 5vh}.auth-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a6d8ff;font-size:10px;font-weight:800;letter-spacing:2px}.auth-eyebrow:before{content:"";width:20px;height:2px;border-radius:2px;background:#4fc3ff}.auth-message h1{max-width:650px;margin:20px 0 18px;font-size:clamp(40px,3vw,60px);font-weight:520;line-height:1.08;letter-spacing:-2.2px}.auth-message>p{max-width:610px;margin:0;color:#d7ecff;font-size:clamp(14px,1vw,17px);line-height:1.75}.auth-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:42px}.auth-proof article{min-height:78px;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #ffffff28;border-radius:14px;background:#ffffff12;backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease}.auth-proof article:hover{transform:translateY(-3px);background:#ffffff1c}.auth-proof i{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;background:#ffffff1a;font-style:normal;color:#d8f0ff}.auth-proof b,.auth-proof small{display:block}.auth-proof b{font-size:11px}.auth-proof small{margin-top:4px;color:#c9e4fb;font-size:8px;line-height:1.35}.auth-visual-note{position:relative;z-index:3;display:flex;align-items:center;gap:8px;margin:0;color:#b9dbf6;font-size:9px}.auth-visual-note span{width:7px;height:7px;border-radius:50%;background:#55d3ac;box-shadow:0 0 0 5px #55d3ac1f}.auth-orb{position:absolute;border-radius:50%;pointer-events:none}.orb-one{width:510px;height:510px;right:-150px;top:-170px;background:linear-gradient(145deg,#ffffff0a,#42b8ff12)}.orb-two{width:360px;height:360px;left:-155px;bottom:-150px;background:#ffffff09}.auth-grid-pattern{position:absolute;inset:auto 0 0 auto;width:45%;height:45%;opacity:.12;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(135deg,transparent,#000)}.auth-main{position:relative;min-height:100%;display:grid;place-items:center;padding:clamp(35px,5vw,90px);background:radial-gradient(circle at 92% 6%,#e8f5ff 0,transparent 24%),#fff}.auth-main-inner{width:100%;max-width:510px}.auth-box{width:100%;max-width:none}.auth-mobile-brand{display:none}.login-head{text-align:center;margin-bottom:34px}.login-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 15px;border-radius:16px;background:linear-gradient(145deg,#e9f4ff,#f3f9ff);color:#1478ee;font-size:19px;box-shadow:inset 0 0 0 1px #dcecff}.login-kicker{display:block;margin-bottom:7px;color:#1684e9;font-size:9px;font-weight:800;letter-spacing:1.5px}.login-head h2{margin:0;font-size:31px;font-weight:650;line-height:1.2;letter-spacing:-1px}.login-head p{margin:9px 0 0;color:#7d8ba2;font-size:12px;line-height:1.55}.login-form>label{display:block;margin-bottom:19px;color:#34445d;font-size:11px;font-weight:750}.auth-input{height:55px;display:flex;align-items:center;gap:11px;margin-top:8px;padding:0 15px;border:1px solid #dbe4ef;border-radius:12px;background:#f7f9fc;transition:border-color .18s,box-shadow .18s,background .18s}.auth-input:hover{border-color:#c8d8e9}.auth-input:focus-within{border-color:#2995f2;background:#fff;box-shadow:0 0 0 4px #1689f214}.auth-input>span{width:18px;color:#8291a6;text-align:center;font-size:11px}.auth-input input{min-width:0;flex:1;height:100%;padding:0;border:0;outline:0;background:transparent;color:#1f2e47;font-size:12px;font-weight:550}.auth-input input::placeholder{color:#95a2b4;font-weight:450}.auth-input button{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#8291a6;cursor:pointer}.auth-input button:hover{background:#eaf3fc;color:#1478ee}.auth-error{display:block;margin-top:6px;color:#dc3545;font-size:10px}.login-options{display:flex;align-items:center;justify-content:space-between;margin:1px 0 22px;color:#66768e;font-size:10px}.remember-option{display:flex!important;align-items:center;gap:8px;margin:0!important;font-weight:500!important;cursor:pointer}.remember-option input{width:16px;height:16px;margin:0;accent-color:#1478ee}.login-options a{color:#0879e8;font-weight:750}.login-options a:hover{text-decoration:underline}.login-submit{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:12px;background:linear-gradient(105deg,#1478ee,#15a3e9);color:#fff;font-size:12px;font-weight:800;box-shadow:0 12px 28px #1478ee32;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-submit i{font-style:normal;font-size:17px;transition:transform .2s}.login-submit:hover{transform:translateY(-2px);box-shadow:0 16px 32px #1478ee42}.login-submit:hover i{transform:translateX(3px)}.login-security{display:flex;align-items:center;gap:12px;margin-top:25px;padding:13px 15px;border:1px solid #dfe8f2;border-radius:11px;background:#f5f8fc;color:#4f6078}.login-security>span{color:#0a9a71;font-size:12px}.login-security p,.login-security b,.login-security small{display:block;margin:0}.login-security b{font-size:10px}.login-security small{margin-top:3px;color:#8b98aa;font-size:8px}.auth-footer{margin:34px 0 0;text-align:center;color:#a0aabc;font-size:9px}.auth-footer span{padding:0 5px;color:#cad1dc}.auth-status{margin-bottom:15px;padding:10px 12px;border-radius:9px;background:#e9f9f3;color:#087b5d;font-size:10px}
@media(max-width:1100px){.auth-page{grid-template-columns:48% 52%!important}.auth-visual{padding:38px 48px}.auth-message h1{font-size:42px}.auth-proof{grid-template-columns:1fr}.auth-proof article{min-height:58px}.auth-proof article:nth-child(3){display:none}.auth-main{padding:42px}}
@media(max-width:780px){html,body{height:auto;min-height:100%}.auth-page{position:relative!important;width:100%!important;height:auto!important;min-height:100dvh!important;display:block!important;overflow:auto}.auth-visual{display:none}.auth-main{min-height:100dvh;padding:30px 22px}.auth-main-inner{max-width:480px}.auth-mobile-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:42px;color:#13243f}.auth-mobile-brand span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#1478ee;color:#fff;font-weight:800}.auth-mobile-brand strong{font-size:19px}.login-head h2{font-size:28px}.auth-footer{margin-top:32px}}
@media(max-height:760px) and (min-width:781px){.auth-visual{padding-top:28px;padding-bottom:28px}.auth-message{padding:3vh 0}.auth-message h1{font-size:38px;margin:12px 0}.auth-proof{margin-top:22px}.auth-main{padding-top:25px;padding-bottom:25px}.login-head{margin-bottom:20px}.login-icon{width:44px;height:44px;margin-bottom:8px}.login-form>label{margin-bottom:12px}.auth-input{height:48px}.login-security{margin-top:16px}.auth-footer{margin-top:18px}}