.auth-v2{background:#fff;overflow-x:clip}.login-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 25px 19px}.login-header .brand{font-size:25px;gap:9px}.login-header .brand img{width:38px;height:38px}.login-brand-note{font-size:11px;line-height:1.5;text-align:right;color:#7f96ac;letter-spacing:.2px}.login-brand-note>span{display:block;color:#aac0cf}.login-intro{position:relative;isolation:isolate;min-height:227px;background:linear-gradient(130deg,#f0f9ff,#e6f4ff 68%,#ddf4fc);overflow:hidden;margin:0 12px;border-radius:25px 25px 14px 14px}.login-intro-copy{position:relative;z-index:3;padding:31px 0 35px 22px;width:61%;pointer-events:none}.login-kicker{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:750;letter-spacing:1.3px;color:#4d93b0;white-space:nowrap}.login-kicker i{width:5px;height:5px;background:#60c0c9;border-radius:50%}.login-intro h1{font-size:33px;line-height:1.18;font-weight:780;color:#153b61;letter-spacing:-1.3px;margin:13px 0 12px}.login-intro h1 em{font-style:normal;color:#1684e6}.login-intro-copy>p{font-size:12px;line-height:1.7;color:#7395b0}.login-character{position:absolute;width:240px;height:240px;right:-48px;bottom:-16px;z-index:1;mask-image:linear-gradient(to right,transparent 1%,#000 17%)}.login-character img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.login-art-wifi{position:absolute;top:8px;right:74px;z-index:2;transform:rotate(-12deg)}.login-art-wifi .service-art{width:42px;height:42px}.login-art-wallet{position:absolute;right:4px;bottom:15px;z-index:3;transform:rotate(10deg);filter:drop-shadow(0 5px 3px #2870a01a)}.login-art-wallet .service-art{width:45px;height:45px}.login-art-spark{position:absolute;right:12px;top:20px;font-size:20px;color:#89bfd9;z-index:2}.login-wave{position:absolute;width:115%;height:35px;background:#fff;border-radius:50% 50% 0 0;bottom:-24px;left:-7%;z-index:4}.login-panel{padding:26px 27px 0}.login-heading{position:relative;margin-bottom:22px}.login-heading h2{font-size:25px;line-height:1.3;letter-spacing:-.85px;color:#183752;font-weight:750;padding-right:12px}.login-heading>p{font-size:14px;line-height:1.6;color:#7c90a7;margin-top:8px;max-width:310px}.login-welcome-mark{position:absolute;right:0;top:0;font-size:25px;color:#6ab8d6}.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;background:#f1f5fa;border:1px solid #eaf0f6;padding:4px;border-radius:13px;margin-bottom:23px;gap:4px}.auth-mode-switch button{min-height:44px;font-size:15px;font-weight:650;border-radius:9px;color:#8b9bb0}.auth-mode-switch button.selected{background:white;color:#137be0;box-shadow:0 2px 6px #3a719614}.login-fields{display:flex;flex-direction:column;gap:19px}.login-field label{font-size:14px;font-weight:650;line-height:1.5;color:#3b536e;margin:0 0 8px}.login-input{display:flex;align-items:center;gap:11px;min-height:58px;background:#f9fbfe;border:1px solid #e0e8f1;border-radius:13px;padding:0 14px;transition:border-color .18s,box-shadow .18s}.login-input:focus-within{background:#fff;border-color:#278bea;box-shadow:0 0 0 3px #1682e90c}.login-input>.icon{color:#8ea5bb;width:20px;height:20px}.login-input input{min-width:0;width:100%;border:0;outline:none;background:transparent;color:#223f5b;font-size:16px;line-height:24px;min-height:56px;padding:15px 0;font-weight:400}.login-input input:focus-visible{outline:none}.login-input input::placeholder{color:#9caec0;opacity:1}.password-toggle{display:grid;place-items:center;flex-shrink:0;width:44px;height:48px;margin-right:-9px;color:#8da2b8;border-radius:9px}.password-toggle .icon{width:20px;height:20px}.password-toggle[aria-pressed=true]{color:#137be0;background:#edf6ff}.login-field-hint{font-size:12px;line-height:1.6;color:#7f94aa;margin-top:8px}.login-error{font-size:14px;line-height:1.6;margin:0;padding:11px 13px;border-radius:10px;background:#fff2f3;border:1px solid #fde1e5;color:#bd3e50;overflow-wrap:anywhere}.login-submit{min-height:57px;font-size:16px;font-weight:700;gap:12px;border-radius:13px;margin-top:3px;box-shadow:0 6px 16px #0874ef25}.login-submit .icon{width:19px;height:19px}.login-submit:disabled{opacity:.65}.login-switch-copy{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 5px;margin:14px 0 6px;font-size:13px;color:#8194a9}.login-switch-copy button{display:flex;align-items:center;gap:2px;min-height:44px;font-size:13px;font-weight:700;color:#1682e1;padding:0 2px}.login-switch-copy .icon{width:13px;height:13px}.login-demo{margin:16px 0 22px;padding-top:19px;border-top:1px solid #edf2f7}.login-demo>span{display:block;text-align:center;font-size:12px;color:#97a7b9;margin-bottom:12px}.login-demo .demo-button{font-size:14px;min-height:50px}.login-reassurance{display:flex;align-items:center;justify-content:center;gap:7px;color:#8da2b6;font-size:11px;line-height:1.6;margin-top:8px}.login-reassurance .icon{width:15px;height:15px;color:#83b6b0}.login-footer{display:flex;align-items:center;justify-content:center;gap:11px;padding:25px 25px max(25px,env(safe-area-inset-bottom));font-size:11px;color:#acbbc8;letter-spacing:.2px}.login-footer>span{width:23px;height:1px;background:#e3ecf4}
@media(max-width:360px){.login-header{padding:20px 19px 17px}.login-header .brand{font-size:24px!important}.login-header .brand img{width:34px;height:34px}.login-brand-note{font-size:10px}.login-intro{margin:0 9px;min-height:205px}.login-intro-copy{padding:29px 0 28px 17px;width:64%}.login-intro h1{font-size:28px}.login-kicker{font-size:7px;letter-spacing:1px}.login-intro-copy>p{font-size:11px}.login-character{width:207px;height:207px;right:-46px;bottom:-5px}.login-art-wifi{right:53px;top:8px}.login-art-wifi .service-art{width:33px;height:33px}.login-art-wallet{right:0;bottom:13px}.login-art-wallet .service-art{width:35px;height:35px}.login-panel{padding:22px 20px 0}.login-heading h2{font-size:23px}.login-heading>p{font-size:14px}.login-input{padding-left:12px;gap:8px}.login-switch-copy{font-size:13px}.login-fields{gap:17px}}
@media(max-height:700px) and (min-width:361px){.login-intro{min-height:197px}.login-intro-copy{padding-top:22px;padding-bottom:25px}.login-character{width:213px;height:213px;right:-33px}.login-intro h1{font-size:30px}.login-panel{padding-top:22px}}
@media(prefers-reduced-motion:reduce){.login-input{transition:none}}
.login-intro h1{font-size:31px}
@media(max-width:360px){.login-intro h1{font-size:26px}.login-character{width:199px;height:199px;right:-48px;bottom:-3px}}