:root{color-scheme:light;--ns-bg:#f8f9fb;--ns-text:#202a3a;--ns-muted:#58677d;--ns-line:#d5dce6;--ns-surface:#fff;--ns-accent:#334f8e;--ns-soft:#eaf0fa;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ns-text);background:var(--ns-bg)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}a,button,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #334f8e;outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;z-index:2;background:white;padding:12px;color:#263e73}.skip:focus{top:12px}header{max-width:1440px;width:100%;margin:auto;padding:28px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:700;letter-spacing:-.7px}.language{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--ns-muted)}select{font:inherit;color:var(--ns-text);border:1px solid var(--ns-line);background:var(--ns-surface);border-radius:8px;min-height:44px;padding:8px 12px}main{display:grid;grid-template-columns:1.05fr 1fr;flex:1;width:min(1240px,89%);margin:30px auto 40px;min-height:620px;border:1px solid var(--ns-line);border-radius:24px;background:var(--ns-surface);overflow:hidden}.intro{padding:54px 52px 34px;background:linear-gradient(145deg,#eaf0fa,#f3f0fc 70%,#edf3fa);display:flex;flex-direction:column}.eyebrow,.small-brand{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--ns-accent);margin:0 0 24px}h1{font-size:clamp(36px,3.6vw,51px);font-weight:650;letter-spacing:-1.8px;line-height:1.12;margin:0 0 20px;max-width:430px}h1 br{display:block}.lead{font-size:17px;line-height:1.65;max-width:330px;margin:0;color:#425573}.illustration{position:relative;min-height:245px;flex:1;margin:18px -12px 6px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #a6b5d2;border-radius:50%;width:270px;height:178px;transform:rotate(-23deg)}.orbit-two{width:188px;height:240px;transform:rotate(31deg);border-color:#c3b7d6}.star{background:#fff;border:1px solid #c4cfe1;border-radius:23px;padding:15px;box-shadow:0 14px 40px #334f8e12;z-index:1}.star img{display:block}.label{position:absolute;padding:11px 15px;border:1px solid #c4cfe1;border-radius:10px;background:#fff;color:#344c77;font-weight:600;font-size:12px;box-shadow:0 6px 14px #334f8e06;z-index:1}.label-one{left:6%;top:22%}.label-two{right:1%;top:35%}.label-three{bottom:7%;left:24%}.intro-foot{font-size:12px;line-height:1.6;color:#52627c;margin:22px 0 0}.signin{display:grid;place-items:center;padding:54px 50px}.signin-inner{width:100%;max-width:350px}.small-brand{color:var(--ns-muted);font-size:10px;letter-spacing:1.3px;margin-bottom:20px}h2{font-size:32px;line-height:1.2;font-weight:650;letter-spacing:-1px;margin:0 0 14px}.description{color:var(--ns-muted);font-size:15px;line-height:1.7;margin:0 0 30px}button{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:52px;border:1px solid #a2aec0;background:white;color:#202a3a;border-radius:9px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;cursor:pointer;padding:12px 15px}button:hover:not(:disabled){background:#f0f4fb;border-color:#334f8e}button:disabled{color:#58677d;background:#f4f6f9;cursor:not-allowed}button svg{flex-shrink:0}.status{font-size:12px;line-height:1.6;min-height:40px;color:var(--ns-muted);margin:14px 0 0}.status[data-error=true]{color:#9e2632}.divider{height:1px;background:var(--ns-line);margin:25px 0}.identity-note{display:flex;gap:13px;align-items:flex-start;color:var(--ns-muted)}.identity-note svg{flex-shrink:0;margin-top:1px}.identity-note p{margin:0;font-size:12px;line-height:1.7}details{margin-top:28px;font-size:12px;line-height:1.7;color:var(--ns-muted)}summary{cursor:pointer;min-height:32px;color:var(--ns-accent);font-weight:600}details p{margin:9px 0}footer{width:89%;max-width:1240px;margin:0 auto;padding:0 0 28px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--ns-muted)}
@media(max-width:900px){.intro{padding:40px 30px}.signin{padding:40px 30px}.label-one{left:0}.label-two{right:0}.illustration{margin-left:-20px;margin-right:-20px}.orbit{width:220px}.label{padding:9px}}
@media(max-width:680px){header{padding:20px 6%;flex-wrap:wrap}.language>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}main{grid-template-columns:1fr;margin-top:10px;min-height:0;width:90%;border-radius:18px}.intro{padding:28px 26px}.eyebrow{margin-bottom:15px}h1{font-size:34px;letter-spacing:-1px}h1 br{display:none}.lead{font-size:14px}.illustration,.intro-foot{display:none}.signin{padding:32px 26px}.small-brand{display:none}h2{font-size:28px}.description{margin-bottom:23px}footer{width:90%;flex-wrap:wrap}}
:root[data-display=dark]{color-scheme:dark;--ns-bg:#111722;--ns-text:#eff3fa;--ns-muted:#b7c4d8;--ns-line:#445570;--ns-surface:#1b2637;--ns-accent:#c6d5ff;--ns-soft:#2a3c57}:root[data-display=dark] .intro{background:linear-gradient(145deg,#263650,#302e49);color:#eff3fa}:root[data-display=dark] :is(.lead,.intro-foot){color:#c5d1e4}:root[data-display=dark] .eyebrow{color:#c6d5ff}:root[data-display=dark] .label{background:#22324a;color:#e2ebff;border-color:#63779b}:root[data-display=dark] .star{background:#edf2fb}:root[data-display=dark] .status[data-error=true]{color:#ffb4c0}:root[data-display=dark] :is(a,button,select,summary):focus-visible{outline-color:#c6d5ff}:root[data-display=contrast]{--ns-bg:#fff;--ns-text:#000;--ns-muted:#171717;--ns-line:#000;--ns-surface:#fff;--ns-accent:#153b80;--ns-soft:#f0f3fa}:root[data-display=contrast] .intro{background:#f0f3fa}:root[data-display=contrast] .orbit,:root[data-display=contrast] .label{border-color:#000}
@media(forced-colors:active){.intro{background:Canvas}.orbit{border-color:CanvasText}.star,.label,button{border-color:ButtonText}button:disabled{color:GrayText}.divider{background:CanvasText}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.login-options{display:flex;gap:14px;flex-wrap:wrap}