:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#152d40;font-synthesis:none;-webkit-font-smoothing:antialiased;--navy:#0b2236;--cyan:#00b7ee}*{box-sizing:border-box}body{margin:0;background:#f8fafc}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #00b7ee;outline-offset:5px}[hidden]{display:none!important}.login-layout{display:grid;grid-template-columns:55% 45%;min-height:100svh}.brand-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 95% 55%,#174b67 0%,transparent 57%),linear-gradient(140deg,#102d43,#071b2e 80%);color:#fff;display:flex;flex-direction:column;padding:46px 56px 30px;isolation:isolate}.brand-panel:after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#ffffff1a .7px,transparent .7px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.brand-lockup{display:inline-flex;align-items:center;gap:15px;color:inherit;text-decoration:none;align-self:flex-start}.brand-lockup img{object-fit:contain}.brand-name{font-size:25px;font-weight:700;letter-spacing:.03em}.brand-name>span{font-weight:350;color:#b6d0df}.brand-name small{display:block;font-size:8px;letter-spacing:.22em;font-weight:500;color:#8fadbF;margin-top:5px}.brand-content{margin:auto 0;padding:75px 0 95px;max-width:470px;position:relative;z-index:2}.brand-kicker{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.17em;font-weight:600;color:#a0c7dc}.brand-kicker>span{height:6px;width:6px;border-radius:50%;background:#00b7ee;box-shadow:0 0 14px #00b7ee66}.brand-content h1{font-size:clamp(48px,5.2vw,78px);line-height:1.08;font-weight:650;letter-spacing:-.055em;margin:24px 0}.brand-content h1 em{font-style:normal;color:#38c8f2}.brand-content>p{max-width:320px;font-size:14px;line-height:1.85;color:#a3becf;margin:0}.product-label{display:inline-flex;align-items:center;gap:12px;margin-top:34px;font-weight:600;font-size:12px;letter-spacing:.06em}.product-label small{display:block;font-size:10px;letter-spacing:0;font-weight:400;color:#87a6b9;margin-top:5px}.product-icon{display:flex;align-items:center;justify-content:center;height:38px;width:38px;border-radius:11px;border:1px solid #ffffff20;background:#ffffff06;color:#34c9f4;font-size:26px;font-weight:300}.brand-visual{position:absolute;width:490px;height:490px;right:-245px;top:50%;transform:translateY(-50%);z-index:1}.brand-visual>img{position:absolute;width:245px;height:245px;left:122px;top:122px;object-fit:contain;opacity:.8;filter:drop-shadow(0 0 35px #00a6e026)}.orbit{position:absolute;inset:0;border:1px solid #97d9fa15;border-radius:50%}.orbit-one{inset:42px;border-style:dashed;border-color:#97d9fa20;transform:rotate(20deg)}.orbit-two{inset:90px;background:#0a2d4429}.orbit-three{inset:-65px;border-color:#97d9fa0c}.orbit-point{position:absolute;height:12px;width:12px;background:#23c7fa;border-radius:50%;top:102px;left:49px;box-shadow:0 0 28px #00b7ee77}.brand-footer{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.02em;color:#66899f;position:relative;z-index:2}.brand-footer-line{width:32px;height:1px;background:#587a8e}.brand-footer>span:last-child{font-size:8px;letter-spacing:.16em}.access-panel{padding:46px 54px 30px;display:flex;flex-direction:column;background:#fcfdff;position:relative;min-width:0}.login-card{width:100%;max-width:370px;margin:auto; padding:60px 0}.access-kicker{font-size:9px;letter-spacing:.17em;font-weight:700;color:#6a8598}.login-card h2{font-size:43px;line-height:1.13;letter-spacing:-.045em;font-weight:650;margin:20px 0 16px}.login-card h2>span{color:#00aadd}.login-description{font-size:13px;line-height:1.7;color:#7b8c99;margin:0 0 34px}.field-group{margin-bottom:22px}.field-group label{display:block;font-size:11px;font-weight:600;margin-bottom:9px;color:#304c60}.field-wrap{display:flex;align-items:center;gap:11px;border:1px solid #dfe7ee;border-radius:10px;background:#fff;transition:border-color .18s,box-shadow .18s;min-height:54px;padding:0 15px}.field-wrap:focus-within{border-color:#00aee4;box-shadow:0 0 0 3px #00b7ee12}.field-wrap>svg{flex-shrink:0;width:19px;height:19px;color:#89a0b2}.field-wrap input{min-width:0;width:100%;border:0;background:transparent;outline:0;padding:15px 0;color:#152d40;font-size:12px}.field-wrap input::placeholder{color:#a0aebb}.field-wrap:has(input[aria-invalid=true]){border-color:#e78585}.password-toggle{border:0;background:transparent;display:flex;align-items:center;justify-content:center;width:30px;height:34px;padding:3px;color:#829aab;border-radius:5px;flex-shrink:0}.password-toggle:hover{color:#007fa9;background:#eff9ff}.password-toggle svg{height:20px;width:20px}.eye-slash{display:none}.password-toggle[aria-pressed=true] .eye-slash{display:block}.caps-lock{color:#8c660b;font-size:11px;margin:9px 0 0}.login-error{padding:12px 14px;border:1px solid #f4d3d3;background:#fff6f6;color:#a03b3b;border-radius:9px;font-size:12px;line-height:1.6;margin:0 0 18px}.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 19px;min-height:53px;border:1px solid transparent;border-radius:10px;color:#fff;background:linear-gradient(110deg,#087ca8,#009ad3);font-size:12px;font-weight:600;box-shadow:0 6px 18px #008ebf18;transition:transform .18s,box-shadow .18s,background .18s}.login-submit:hover{background:linear-gradient(110deg,#086a91,#0088bc);box-shadow:0 7px 23px #008ebf28;transform:translateY(-1px)}.login-submit:disabled{cursor:wait;transform:none;opacity:.8}.submit-arrow{height:18px;width:18px}.submit-spinner{display:none;height:17px;width:17px;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:login-spin .8s linear infinite}.login-submit:disabled .submit-spinner{display:block}.login-submit:disabled .submit-arrow{display:none}.access-help{display:flex;align-items:center;gap:11px;margin-top:30px;padding-top:23px;border-top:1px solid #eef2f5}.help-symbol{height:23px;width:23px;flex-shrink:0;border:1px solid #d9e4ec;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a8b6;font-size:11px}.access-help p{margin:0;font-size:11px;line-height:1.8;color:#506b7e}.access-help p span{color:#93a3af;font-size:10px}.access-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#9aadb9;width:100%;max-width:480px;align-self:center}.access-footer>span:first-child{font-size:8px;font-weight:650;letter-spacing:.13em}.mobile-brand{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes login-spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.brand-panel{padding-left:80px}.access-panel{padding-right:70px;padding-left:70px}.brand-visual{right:-175px}.brand-content{max-width:550px}.login-card{max-width:390px}.login-card h2{font-size:48px}}
@media(max-width:1050px){.brand-panel{padding:36px 36px 26px}.access-panel{padding:36px 32px 26px}.brand-content h1{font-size:56px}.brand-content>p{max-width:260px}.brand-visual{right:-320px;opacity:.7}.brand-footer{font-size:8px}.login-card h2{font-size:39px}.access-footer{flex-direction:column;align-items:center;gap:8px}}
@media(max-width:760px){.login-layout{grid-template-columns:1fr}.brand-panel{display:none}.access-panel{min-height:100svh;padding:26px 26px 22px;background:radial-gradient(ellipse at 100% 0%,#e9f7ff 0%,transparent 50%),#fcfdff}.mobile-brand{display:flex;align-items:center;gap:11px;align-self:flex-start;color:#294c62;font-size:20px;font-weight:700;letter-spacing:.02em}.mobile-brand img{object-fit:contain}.mobile-brand strong{font-weight:400;color:#7593a8}.login-card{max-width:390px;padding:46px 0}.login-card h2{font-size:40px}.field-wrap{min-height:56px}.field-wrap input{font-size:16px}.login-submit{font-size:14px;min-height:56px}.field-group label{font-size:12px}.login-description{font-size:14px}.access-kicker{font-size:10px}.access-help p{font-size:12px}.access-help p span{font-size:11px}.access-footer{flex-direction:row;font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}