:root{color:#102044;background:#eaf3ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at 19% 17%,rgba(42,130,255,.9),transparent 32%),radial-gradient(circle at 89% 78%,rgba(247,106,137,.38),transparent 25%),linear-gradient(135deg,#07378b 0%,#2679db 37%,#dceafa 73%,#f5f8fc 100%)}button,input{font:inherit}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:clamp(20px,4vw,64px);overflow:hidden;position:relative}.login-shell::before,.login-shell::after{content:"";position:fixed;pointer-events:none;border-radius:999px;transform:rotate(-35deg)}.login-shell::before{width:54vw;height:12vw;left:-16vw;bottom:-2vw;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.login-shell::after{width:45vw;height:9vw;right:-15vw;bottom:5vw;background:linear-gradient(90deg,transparent,rgba(236,36,65,.18),transparent)}
.login-card{width:min(1320px,94vw);min-height:min(820px,calc(100vh - 80px));display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);overflow:hidden;border:1px solid rgba(255,255,255,.48);border-radius:34px;background:#fff;box-shadow:0 34px 90px rgba(3,40,105,.28);position:relative;z-index:1}
.brand-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden;padding:clamp(38px,5vh,64px) clamp(30px,5vw,76px) 28px;color:#fff;background:radial-gradient(circle at 54% 28%,rgba(255,255,255,.97) 0 7%,rgba(223,241,255,.78) 20%,transparent 45%),linear-gradient(148deg,#0754cd 0%,#2992ff 45%,#0864e9 76%,#043aa5 100%)}.brand-panel::before,.brand-panel::after{content:"";position:absolute;z-index:-1;pointer-events:none}.brand-panel::before{width:92%;height:68%;left:-18%;top:8%;border:2px solid rgba(255,255,255,.26);border-radius:50%;transform:rotate(-27deg);box-shadow:0 0 80px rgba(255,255,255,.25) inset}.brand-panel::after{width:120%;height:42%;left:-12%;bottom:-20%;border-radius:50% 50% 0 0;background:linear-gradient(165deg,rgba(85,198,255,.72),rgba(0,61,188,.78));transform:rotate(-6deg)}
.brand-content{width:100%;max-width:610px;margin:auto 0;text-align:center;position:relative;z-index:2}.brand-identity{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto -2px}.brand-mark{display:block;width:clamp(145px,12vw,205px);height:auto;margin-bottom:-8px;mix-blend-mode:multiply;filter:drop-shadow(0 13px 22px rgba(13,75,160,.14))}.brand-wordmark{display:flex;align-items:center;justify-content:center;font-size:clamp(48px,4.6vw,70px);font-weight:900;line-height:.94;letter-spacing:-.055em;text-shadow:0 5px 13px rgba(255,255,255,.55)}.brand-wordmark span:first-child{color:#1268dc}.brand-wordmark span:last-child{color:#e20d27}.cloud-label{display:flex;align-items:center;justify-content:center;gap:18px;margin:16px 0 16px;color:#092e76;font-size:clamp(15px,1.45vw,21px);font-weight:800;letter-spacing:.42em;text-indent:.42em}.cloud-label span{width:76px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#1474e9,#f31935)}.cloud-label span:last-child{transform:scaleX(-1)}.brand-content h2{margin:0;color:#073d98;font-size:clamp(22px,2.1vw,31px);line-height:1.2}.brand-subtitle{margin:8px 0 30px;color:#365b9a;font-size:clamp(15px,1.35vw,19px)}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}.feature-card{min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 8px;border:1px solid rgba(255,255,255,.72);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(228,243,255,.6));box-shadow:0 14px 34px rgba(3,71,167,.13);color:#0b2c69;backdrop-filter:blur(12px)}.feature-card svg{width:38px;height:38px;margin-bottom:7px;fill:#0874ef;filter:drop-shadow(0 5px 8px rgba(0,94,216,.16))}.feature-card strong{font-size:15px}.feature-card span{margin-top:3px;color:#385d9a;font-size:12px}.brand-footer{position:relative;z-index:2;margin:22px 0 0;color:rgba(255,255,255,.86);font-size:12px}
.cooling-orbit{position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.24);border-radius:50%;pointer-events:none}.cooling-orbit-one{width:650px;height:650px;right:-330px;top:70px}.cooling-orbit-two{width:460px;height:460px;left:-280px;bottom:-100px}.snow-mark{position:absolute;z-index:1;color:rgba(255,255,255,.24);pointer-events:none;line-height:1}.snow-mark-one{right:3%;bottom:-2%;font-size:190px;transform:rotate(10deg)}.snow-mark-two{left:4%;top:4%;font-size:92px}
.form-panel{display:grid;place-items:center;padding:clamp(46px,6vw,90px);background:radial-gradient(circle at 100% 0%,rgba(221,236,255,.45),transparent 32%),#fff}.form-wrap{width:min(100%,470px)}.eyebrow{margin:0 0 14px;color:#1768d2;font-size:12px;font-weight:800;letter-spacing:.17em}.form-panel h1{margin:0;color:#101f42;font-size:clamp(38px,4vw,54px);line-height:1.04;letter-spacing:-.04em}.form-subtitle{margin:14px 0 38px;color:#7181a6;font-size:17px;line-height:1.55}#master-login-form>label{display:block;margin:0 0 9px;color:#152444;font-size:15px;font-weight:750}.input-wrap{position:relative;margin-bottom:26px}.input-wrap>svg{position:absolute;left:18px;top:50%;width:22px;height:22px;fill:#6680b5;transform:translateY(-50%);pointer-events:none}.input-wrap input{width:100%;height:62px;padding:0 54px;border:1.5px solid #adc4ea;border-radius:13px;outline:none;background:#fff;color:#142648;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.input-wrap input::placeholder{color:#8a99ba}.input-wrap input:focus{border-color:#1674eb;background:#fbfdff;box-shadow:0 0 0 4px rgba(22,116,235,.12)}.password-toggle{position:absolute;right:12px;top:50%;width:40px!important;height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;color:#6680b5!important;transform:translateY(-50%)!important}.password-toggle:hover{background:#eff6ff!important;box-shadow:none!important;filter:none!important}.password-toggle svg{position:static;width:22px;height:22px;fill:currentColor;transform:none;pointer-events:none}.password-toggle .eye-closed{display:none}.password-toggle[aria-pressed="true"] .eye-open{display:none}.password-toggle[aria-pressed="true"] .eye-closed{display:block}.remember-row{display:flex!important;align-items:center;gap:10px;width:max-content;margin:-7px 0 24px!important;color:#243a68!important;font-size:14px!important;font-weight:550!important;cursor:pointer}.remember-row input{width:20px;height:20px;margin:0;accent-color:#126fea}.remember-row span{line-height:1}
#master-login-form button{width:100%;height:64px;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:4px;border:0;border-radius:14px;background:linear-gradient(110deg,#078cf4 0%,#0768ee 48%,#263de1 100%);box-shadow:0 14px 28px rgba(19,94,224,.26);color:#fff;font-size:19px;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}#master-login-form button:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(19,94,224,.32);filter:saturate(1.08)}#master-login-form button:focus-visible{outline:3px solid rgba(9,103,238,.25);outline-offset:3px}.button-arrow{font-size:28px;font-weight:400;line-height:1}#login-error{min-height:24px;margin:14px 0 0;color:#b42318;font-size:14px;font-weight:650;text-align:center}.security-note{margin:20px 0 0;color:#8997b4;font-size:12px;text-align:center}.security-note span{margin-right:6px;color:#2678dc}
@media(max-width:980px){.login-shell{padding:18px}.login-card{width:min(720px,100%);min-height:0;grid-template-columns:1fr;border-radius:26px}.brand-panel{padding:34px 28px}.brand-content{max-width:590px}.brand-mark{width:160px}.brand-wordmark{font-size:58px}.cloud-label{margin-bottom:10px}.brand-subtitle{margin-bottom:22px}.feature-card{min-height:104px}.brand-footer{display:none}.form-panel{padding:50px clamp(28px,8vw,68px) 42px}}
@media(max-width:600px){.login-shell{display:block;padding:0;background:#fff}.login-card{width:100%;border:0;border-radius:0;box-shadow:none}.brand-panel{padding:24px 18px 28px}.brand-mark{width:120px;margin-bottom:-5px}.brand-wordmark{font-size:43px}.cloud-label{gap:9px;margin-top:12px;font-size:13px;letter-spacing:.27em;text-indent:.27em}.cloud-label span{width:38px;height:2px}.brand-content h2{font-size:20px}.brand-subtitle{margin:6px 0 18px;font-size:14px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:8px}.feature-card{min-height:88px;padding:10px 4px;border-radius:13px}.feature-card svg{width:27px;height:27px;margin-bottom:4px}.feature-card strong{font-size:12px}.feature-card span{display:none}.snow-mark-one{font-size:110px}.form-panel{padding:40px 24px 34px}.eyebrow{margin-bottom:9px}.form-panel h1{font-size:36px}.form-subtitle{margin:10px 0 30px;font-size:15px}.input-wrap{margin-bottom:21px}.input-wrap input,#master-login-form button{height:58px}}
@media(max-height:760px) and (min-width:981px){.login-card{min-height:calc(100vh - 36px)}.brand-panel{padding-top:22px;padding-bottom:18px}.brand-mark{width:128px}.brand-wordmark{font-size:48px}.cloud-label{margin:8px 0}.brand-subtitle{margin-bottom:14px}.feature-card{min-height:94px}.form-panel{padding-top:42px;padding-bottom:42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}