*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}body{margin:0;color:#0c2349;background:#f4f9fd}.auth-page{background:radial-gradient(circle at 32% 45%,#ebf9fe 0%,#f6fafc 51%,#fff 100%)}.auth-grid{display:grid;grid-template-columns:minmax(0,57%) minmax(0,43%);min-height:100vh;max-width:1920px;margin:0 auto}.brand-panel{padding:35px clamp(25px,3.3vw,62px) 23px;position:relative;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 76% 42%,rgba(91,220,240,.14),transparent 36%)}.brand-panel:before{content:"";position:absolute;inset:20% -10% 18%;pointer-events:none;opacity:.35;background-image:radial-gradient(#31cce2 .9px,transparent 1px);background-size:17px 17px;transform:skewY(-13deg);mask-image:linear-gradient(to bottom,transparent 5%,black 40%,transparent 98%)}.brand-full{width:255px;max-width:65%;height:auto;position:relative}.brand-panel h1{font-size:clamp(40px,4vw,69px);letter-spacing:-.055em;line-height:1.03;margin:26px 0 14px;font-weight:770;position:relative}.teal-rule{width:55px;height:3px;background:#11b8c9;border-radius:4px}.tagline{font-size:clamp(15px,1.25vw,21px);line-height:1.42;max-width:610px;margin:18px 0 9px;color:#28446a;position:relative}.orbit-area{height:218px;display:flex;align-items:center;justify-content:center;gap:15px;position:relative}.orbit-lines{position:absolute;width:240px;height:180px;border-radius:50%;border:1px solid rgba(0,181,204,.11);box-shadow:0 0 0 24px rgba(0,175,220,.016),0 0 0 45px rgba(0,175,220,.01)}.hero-globe{width:162px;height:162px;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(4,82,101,.12));position:relative}.assistant-note{position:relative;border:1px solid #dcecf3;border-radius:13px;padding:15px 18px;background:#ffffffef;box-shadow:0 9px 24px #12395713;display:flex;flex-direction:column;gap:5px;color:#334b6b;font-size:14px}.assistant-note b{color:#00a7c3}.assistant-note .dots{color:#0eb5cc;letter-spacing:4px;font-size:11px}.feature-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:auto}.feature-grid article{display:flex;align-items:center;gap:9px;min-height:91px;padding:12px;background:#fff;border:1px solid #e4edf3;border-radius:11px;box-shadow:0 3px 13px #152b4510}.feature-grid i{width:37px;flex-shrink:0;text-align:center;font-style:normal;color:#06afc3;font-size:29px}.feature-grid b{display:block;font-size:12px;color:#172c50;line-height:1.2}.feature-grid small{display:block;margin-top:5px;font-size:10.5px;color:#526c83;line-height:1.27}.brand-footer{position:relative;display:flex;justify-content:space-between;gap:10px;margin-top:18px;color:#72849b;font-size:11px}.auth-panel{padding:24px 27px 24px 8px;display:flex;align-items:stretch}.auth-card{background:#fff;border:1px solid #e8eef3;border-radius:24px;box-shadow:0 18px 36px #10365217;width:100%;padding:25px clamp(25px,3.1vw,55px);display:flex;flex-direction:column;justify-content:center}.form-brand{width:220px;max-width:75%;height:auto;object-fit:contain;margin:0 auto 18px}.auth-card h2{font-size:clamp(24px,2vw,33px);letter-spacing:-.04em;line-height:1.14;margin:0 0 5px;text-align:center}.subtitle{text-align:center;color:#6b819b;font-size:13px;margin:0 0 23px}.auth-card form{display:flex;flex-direction:column}.auth-card label{font-weight:650;font-size:13px;color:#20365c;margin-bottom:7px}.auth-card input:not([type=checkbox]){width:100%;height:47px;padding:0 13px;border:1px solid #dce6ee;border-radius:7px;background:white;margin:0 0 18px;font:inherit;font-size:14px;color:#142747;outline-color:#10b3c8}.auth-card input:disabled{background:#f6f9fb;color:#a3b1bf}.auth-card .form-options{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#7e91a2;margin:-1px 0 18px}.auth-card .remember{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:450;color:#8493a3;margin:0}.auth-card .submit{height:46px;border:none;border-radius:7px;color:#fff;font-size:16px;font-weight:700;background:linear-gradient(90deg,#04adbf,#0793a7);cursor:pointer}.auth-card .submit:hover{filter:brightness(.96)}.or-divider{margin:18px 0 13px;text-align:center;color:#9ba8b8;font-size:12px;display:flex;align-items:center;gap:11px}.or-divider:before,.or-divider:after{content:"";height:1px;background:#e3ebf2;flex:1}.oauth-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.oauth-grid button{min-height:43px;border:1px solid #dce7ef;border-radius:7px;background:#f8fafb;color:#a1aebe;font-size:12px;cursor:not-allowed}.form-links{display:flex;justify-content:space-between;gap:8px;color:#8598ab;font-size:11px;margin:17px 0 0}.security-box{background:#f4f9fd;border:1px solid #deecf4;border-radius:9px;color:#54718c;font-size:11px;line-height:1.4;padding:12px 14px;margin-top:19px}.security-box strong{display:block;color:#164a60}.flash{padding:10px 12px;background:#f1fafa;color:#164d58;border:1px solid #c7e8ed;border-radius:8px;margin-bottom:16px;font-size:13px}.flash.error{background:#fff5f5;color:#a62a39;border-color:#f9ccd1}.qr-wrap{text-align:center;margin:0 auto 17px;font-size:13px}.qr-wrap img{width:180px;height:180px;object-fit:contain}.secret-line{font-size:11px;color:#7e8f9e}.secret-line code{overflow-wrap:anywhere;color:#173e5d}@media(min-width:1500px){.orbit-area{height:255px}.feature-grid article{min-height:99px}.auth-card{padding-top:42px;padding-bottom:42px}.form-brand{width:245px}}@media(max-width:1060px){.brand-panel{padding:28px 22px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.orbit-area{height:190px}.assistant-note{display:none}.auth-panel{padding:18px 15px 18px 0}}@media(max-width:760px){.auth-grid{grid-template-columns:1fr}.brand-panel{min-height:300px;padding:22px 22px 14px}.brand-panel h1{font-size:41px;margin-top:13px}.tagline{max-width:600px}.orbit-area,.feature-grid,.brand-footer{display:none}.auth-panel{padding:12px}.auth-card{max-width:650px;margin:0 auto;padding:26px 25px}.mfa-grid .brand-panel{min-height:240px}}@media(max-width:420px){.auth-card{padding:22px 18px}.auth-card h2{font-size:24px}.form-links{font-size:10px}}