:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f8fafc;color:#0c2850;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:315px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}button:focus-visible,input:focus-visible{outline:3px solid rgba(31,119,205,.5);outline-offset:3px}[hidden]{display:none!important}
.auth-layout{display:grid;grid-template-columns:minmax(420px,.93fr) minmax(500px,1.07fr);min-height:100svh;background:#fafcff}
.showcase{display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;position:relative;overflow:hidden;color:#fff;padding:47px clamp(35px,6.2vw,98px) 40px;background:radial-gradient(ellipse at 100% 73%,#174e87 0%,transparent 48%),linear-gradient(150deg,#00193e 0%,#042a5d 62%,#062b5b 100%)}
.showcase::before{content:"";position:absolute;width:700px;height:700px;right:-390px;top:9%;border-radius:50%;border:1px solid rgba(196,224,255,.1);box-shadow:0 0 0 75px rgba(173,211,255,.025),0 0 0 160px rgba(173,211,255,.017);pointer-events:none}
.showcase-head,.showcase-center,.showcase-bottom{position:relative}.showcase-head{display:flex;align-items:center;gap:16px}.showcase-head img{width:132px;height:auto;max-height:72px;object-fit:contain;object-position:left center}.product-tag{font-size:10px;letter-spacing:3px;font-weight:800;padding-left:18px;border-left:1px solid rgba(255,255,255,.32)}
.eyebrow{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:1.8px;font-weight:750;color:#c0d2ec}.status-spark,.bottom-led{display:inline-block;background:#f69c46;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px rgba(246,156,70,.52)}.showcase h1{font-size:clamp(38px,4vw,62px);line-height:1.16;letter-spacing:-2.6px;font-weight:730;margin:20px 0 18px}.showcase h1 em{font-style:normal;color:#faad69}.showcase-center>p{color:#d0dff0;line-height:1.8;font-size:14px;max-width:410px;margin:0}.showcase-tiles{margin-top:57px;display:grid;gap:26px}.mini-tile{display:flex;gap:15px;align-items:center}.tile-symbol{width:42px;height:42px;flex-shrink:0;border:1px solid rgba(197,219,247,.23);border-radius:13px;background:rgba(255,255,255,.085);display:grid;place-items:center;color:#ffb773;font-size:20px}.mini-tile strong{font-size:13px;display:block;font-weight:690}.mini-tile small{display:block;color:#b3c7de;font-size:11px;margin-top:6px}.showcase-bottom{display:flex;gap:13px;align-items:center;font-size:9px;letter-spacing:1.2px;font-weight:700;color:#b1c6de}.bottom-divider{opacity:.4}
.login-side{display:flex;flex-direction:column;align-items:stretch;padding:39px clamp(28px,5.8vw,96px) 29px;max-height:none}.mobile-logo{display:none}.login-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#899bb1;font-size:9px;letter-spacing:1.3px;font-weight:800}.secure-label{display:inline-flex;align-items:center;gap:8px;color:#5d7799}.secure-label svg,.approval-note svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.form-area{width:min(100%,425px);margin:auto; padding:45px 0 39px}.title-icon{width:47px;height:47px;display:grid;place-items:center;border:1px solid #e1ebf6;border-radius:15px;background:#edf4fc;color:#15508f}.title-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.intro{margin:24px 0 23px}.intro>span{color:#a77847;font-size:10px;letter-spacing:1.3px;font-weight:800}.intro h2{font-size:clamp(27px,2.3vw,34px);line-height:1.18;letter-spacing:-1.1px;margin:8px 0 10px;font-weight:740}.intro p{color:#7990a8;font-size:13px;line-height:1.55;margin:0}.provider-buttons{display:grid;gap:10px}.provider{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;height:49px;border:1px solid #dbe5f0;border-radius:12px;background:#fff;color:#0f2c51;font-weight:700;font-size:13px;transition:background .15s,border-color .15s}.provider:hover{background:#f3f8fe;border-color:#bccfe4}.provider svg{width:19px;height:19px;stroke:none}.divider{display:flex;align-items:center;gap:12px;font-size:11px;color:#8b9cb1;margin:24px 0 20px}.divider::before,.divider::after{content:"";height:1px;background:#e3eaf2;flex:1}.form-area label{font-size:12px;display:block;font-weight:730;color:#284263;margin:0 0 8px}.label-row{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.label-row label{margin:0 0 8px}.field-wrap{display:flex;align-items:center;position:relative;width:100%}.field-wrap>svg{position:absolute;left:15px;height:18px;width:18px;stroke:#91a6bd;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none;pointer-events:none}.field-wrap input{height:49px;min-width:0;width:100%;border-radius:12px;border:1px solid #d9e4ef;background:#fff;padding:0 46px 0 45px;font-size:14px;color:#102d50}.field-wrap input::placeholder{color:#a3b2c4}.text-link,.back-link{border:0;background:transparent;padding:0;font-size:11px;color:#165c9e;font-weight:700}.show-pass{position:absolute;right:12px;background:transparent;color:#2d689c;border:0;padding:7px 3px;font-size:11px;font-weight:760}.primary{margin:20px 0 0;width:100%;height:51px;border:none;border-radius:12px;background:#093c7c;color:white;font-size:13px;font-weight:790;display:flex;justify-content:center;gap:12px;align-items:center;box-shadow:0 11px 21px rgba(6,57,122,.15);transition:background .14s}.primary:hover{background:#1356a5}.primary span{font-size:19px;font-weight:400}.magic-link{border:none;background:transparent;color:#225e9d;font-size:12px;font-weight:720;width:100%;padding:15px 5px;margin-top:5px}.magic-link span{padding-left:5px}.approval-note{font-size:11px;line-height:1.6;color:#7f91a5;background:#f0f5fa;display:flex;gap:9px;padding:13px;border-radius:11px;margin:14px 0 0}.approval-note svg{flex-shrink:0;margin-top:1px;color:#6c8aab}.login-footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;color:#9daec0;font-size:10px}.feedback{padding:12px 13px;margin:0 0 17px;border-radius:11px;border:1px solid #f7d6c7;background:#fff3ec;color:#924c31;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.feedback.success{background:#edfaf4;border-color:#c6eddc;color:#257b59}.mode-description{font-size:13px;line-height:1.65;color:#738ba5;margin:0 0 20px}.back-link{display:block;margin:20px auto 0;padding:7px}.sent-icon{height:56px;width:56px;border-radius:16px;display:grid;place-items:center;background:#e5f5ed;color:#217e56;font-weight:800;font-size:24px}#sent-view h3{margin:19px 0 7px;font-size:24px}#sent-view p{color:#738aa3;font-size:13px;line-height:1.6}.sent-address{padding:13px;border-radius:11px;border:1px solid #d9e5f0;background:white;font-size:14px;font-weight:730;overflow-wrap:anywhere}.sent-hint{font-size:11px!important}
@media(max-width:1050px){.auth-layout{grid-template-columns:44% 56%}.showcase{padding-inline:34px}.login-side{padding-inline:30px}.showcase h1{font-size:43px}.form-area{max-width:420px}}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr;min-height:100svh;background:#fff}.showcase{display:none}.login-side{padding:0 24px max(19px,env(safe-area-inset-bottom));min-height:100svh}.mobile-logo{display:flex;gap:13px;align-items:center;background:linear-gradient(125deg,#001c46,#073b7c);margin:0 -24px 23px;padding:calc(18px + env(safe-area-inset-top)) 24px 18px;color:#fff;border-radius:0 0 20px 20px}.mobile-logo img{width:108px;max-height:60px;object-fit:contain}.mobile-logo span{font-size:9px;letter-spacing:2px;padding-left:13px;border-left:1px solid #7394bb}.login-top{font-size:9px}.login-top>span:last-child{display:none}.form-area{margin:0 auto;flex:1;width:100%;padding:27px 0 25px}.title-icon{display:none}.intro{margin:0 0 23px}.intro h2{font-size:29px}.intro p{font-size:12px}.provider{height:51px}.login-footer{padding-bottom:8px}.approval-note{font-size:10.5px}}
@media(max-width:350px){.login-side{padding-inline:17px}.mobile-logo{margin-inline:-17px;padding-inline:17px}.intro h2{font-size:27px}}
html[data-theme=dark]{color-scheme:dark;background:#101d31;color:#edf5ff}html[data-theme=dark] .auth-layout{background:#101d31}html[data-theme=dark] .login-side{background:#101d31}html[data-theme=dark] .title-icon,html[data-theme=dark] .approval-note{background:#21354c;border-color:#354a60}html[data-theme=dark] .secure-label,html[data-theme=dark] .intro p,html[data-theme=dark] .approval-note,html[data-theme=dark] .login-footer,html[data-theme=dark] .mode-description{color:#a5b6c9}html[data-theme=dark] .intro h2{color:#f3f8ff}html[data-theme=dark] .form-area label{color:#dbe9f9}html[data-theme=dark] .provider,html[data-theme=dark] .field-wrap input,html[data-theme=dark] .sent-address{background:#1d3047;color:#f1f8ff;border-color:#3d526b}html[data-theme=dark] .provider:hover{background:#294565}html[data-theme=dark] .field-wrap>svg{stroke:#b2c7dd}html[data-theme=dark] .divider::before,html[data-theme=dark] .divider::after{background:#364a60}html[data-theme=dark] .divider{color:#a4b9cd}html[data-theme=dark] .text-link,html[data-theme=dark] .magic-link,html[data-theme=dark] .back-link{color:#9accff}html[data-theme=dark] .primary{background:#d87e32;color:#10253f;box-shadow:none}html[data-theme=dark] .feedback{background:#472d2a;border-color:#654039;color:#ffcfb9}html[data-theme=dark] .feedback.success{background:#1d4a3a;border-color:#2f7355;color:#c2ffe0}html[data-theme=dark] .sent-icon{background:#1e493a;color:#7fe2af}
@media(prefers-reduced-motion:reduce){.provider,.primary{transition:none}}