/* Login reference: navy canvas, curved ivory panel and a floating access card. */
.login-layout{position:relative;isolation:isolate;display:grid;grid-template-columns:57% 43%;min-height:100dvh;background:#0a1d2f;overflow:hidden}
.login-story{position:relative;z-index:1;min-height:100dvh;padding:clamp(38px,4vw,64px);background:radial-gradient(ellipse at 15% 35%,#10263a55,transparent 70%);color:#f6f8fc;overflow:visible}
.login-story:after{display:none}.login-story>.brand{margin:0;min-height:0;align-self:flex-start}.login-story .brand-lockup{width:clamp(205px,18vw,270px)}
.login-story-content{margin:auto 0;padding:50px 0 40px;max-width:590px}.login-story h1{font-size:clamp(42px,4.7vw,69px);line-height:1.08;letter-spacing:-1.8px;font-weight:720;color:#f7f9fc;text-shadow:0 2px 10px #ffffff08}.login-story h1>span{color:#ff002d}
.login-story-content>p{margin-top:25px;font-size:clamp(14px,1.38vw,18px);line-height:1.65;color:#b9c8d9;font-weight:400;max-width:485px}
.login-story .signature-art{margin-top:31px;max-width:350px;color:#ff526c}.login-story .signature-art>svg{transform:rotate(-3deg);width:100%}
.login-story-foot{display:flex;justify-content:flex-start;gap:0;border:0;padding:0;color:#d7e1ed;font-size:12px}.login-story-foot>span,.login-story-foot>span:last-child{display:flex;align-items:center;gap:10px;padding:0 24px;border-left:1px solid #7890aa55;white-space:nowrap;min-height:25px}.login-story-foot>span:first-child{border:0;padding-left:0}.login-story-foot>span:last-child{padding-right:0}.login-story-foot .icon{display:inline-block;width:21px;height:21px;stroke-width:1.3}
.login-main{position:relative;isolation:isolate;z-index:0;display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:55px 36px 55px 18px;background:transparent}
.login-main:before,.login-main:after{content:'';position:absolute;border-radius:50%;pointer-events:none}.login-main:before{z-index:-1;left:-23%;top:-16%;width:210%;height:132%;background:radial-gradient(ellipse at 43% 50%,#fff 0,#faf9f8 65%,#f5f4f3 100%)}
.login-main:after{z-index:-2;left:calc(-23% - 5px);top:-19%;width:210%;height:132%;border:3px solid #ff002b;clip-path:inset(0 50% 46% 0)}
.login-form{position:relative;width:100%;max-width:390px;padding:48px 42px 33px;border:1px solid #ffffffee;border-radius:26px;background:#ffffffb5;box-shadow:0 18px 50px #0b1a2b24,0 2px 8px #0b1a2b04;backdrop-filter:blur(15px);margin:0}
.login-form h2{font-size:32px;line-height:1.12;font-weight:700;letter-spacing:-.8px;color:#0d2136;margin:0}.login-form>.muted{font-size:12px;line-height:1.7;margin:12px 0 31px;color:#60758d}
.login-form label{font-size:10px;color:#172e47;font-weight:600;margin:19px 0 7px}.login-form #login>div:first-child>label{margin-top:0}
.login-form .login-email-field,.login-form .password-field{position:relative}.login-form input{min-height:39px;border:1px solid #dae3ee;background:#eff4fb;font-size:12px;color:#152e46;padding:10px 40px;border-radius:8px}.login-form input:focus{border-color:#8da5bf;box-shadow:0 0 0 3px #9bb0c422}
.login-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);display:flex;color:#73869a;pointer-events:none}.login-input-icon>.icon{width:16px;height:16px}.login-form .password-field>.icon-button{right:5px;top:2px}.login-form .password-field>.icon-button>.icon{width:16px;height:16px}
.login-form .full{margin-top:21px;min-height:40px;padding:10px 16px;background:linear-gradient(110deg,#0b2136,#0b1a2a);border:1px solid #38536b;border-radius:8px;font-size:13px;color:#fff;box-shadow:0 4px 10px #0b1d3010}.login-form .full:hover{background:#18344f;box-shadow:0 5px 15px #0b1d3020}.login-form .full>.icon{width:19px;height:19px}
.login-form .login-key-note{padding:16px 0 19px;border-bottom:1px solid #e1e7ef;color:#6a7f96;font-size:9px;line-height:1.7}.login-form .login-key-note p{line-height:1.7}.login-form .login-verify{margin-top:20px;color:#1d3853;font-size:11px;gap:8px}.login-form .login-verify>.icon{color:#6d849d}
.login-form .login-version{margin-top:35px;letter-spacing:1.6px;font-size:8px;line-height:1.8;color:#61788f;font-weight:650}.login-form .error{font-size:11px;margin-top:13px}.login-mobile-brand{display:none}
@media(min-width:1600px){.login-story-content{max-width:760px}.login-story h1{font-size:76px}.login-story-content>p{font-size:19px;max-width:550px}.login-story .signature-art{max-width:410px}.login-form{max-width:430px;padding:54px 46px 40px}.login-form h2{font-size:35px}}
@media(min-width:961px) and (max-height:650px){.login-story{padding-block:30px}.login-story-content{padding:30px 0 20px}.login-story .signature-art{max-width:280px;margin-top:18px}.login-main{padding-block:28px}.login-form{padding:32px 35px 27px}.login-form .login-version{margin-top:24px}}
@media(max-width:1120px) and (min-width:961px){.login-story{padding:36px}.login-story-foot>span,.login-story-foot>span:last-child{padding-inline:15px;gap:7px;font-size:10px}.login-story-foot>span:first-child{padding-left:0}.login-form{padding:38px 30px 30px}.login-form h2{font-size:30px}.login-main{padding-right:25px}}
@media(max-width:960px){.login-layout{display:block;background:#f8f9fb}.login-story{display:none}.login-main{min-height:100dvh;background:radial-gradient(ellipse at 50% 30%,#fff,#f3f5f8);padding:36px 22px;flex-direction:column;gap:29px}.login-main:before,.login-main:after{display:none}.login-mobile-brand{display:block;max-width:390px;width:100%;margin:0 auto}.login-mobile-brand .brand-lockup{width:205px}.login-mobile-brand .brand{justify-content:flex-start}.login-form{max-width:390px;padding:34px 29px 29px;margin:0 auto;box-shadow:0 15px 40px #12273e12}.login-form h2{font-size:31px}.login-form>.muted{margin-bottom:27px}.login-form .login-version{margin-top:29px}}
@media(max-width:360px){.login-main{padding:27px 16px}.login-form{padding:30px 23px 25px}.login-form h2{font-size:28px}.login-form .login-version{letter-spacing:1px}}

.login-form input::placeholder{color:#8394a6;opacity:1}