@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080d1a;--panel:#0d1424;--line:#26344c;--text:#f3f6ff;--muted:#95a3bc;--blue:#75a8ff;--cyan:#76e2dc;--red:#ff9aa8}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh;display:grid;place-items:center;overflow-x:hidden;padding:36px 24px;background:radial-gradient(ellipse at 13% 8%,#162a4b 0,transparent 36%),radial-gradient(ellipse at 92% 91%,#102b3c 0,transparent 34%),var(--bg);color:var(--text);font-family:'DM Sans',Segoe UI,Arial,sans-serif}.ambient{position:fixed;width:360px;height:360px;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none}.ambient-one{background:#377bff;top:-180px;left:20%}.ambient-two{background:#38d9c4;bottom:-200px;right:10%}.login-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);width:min(1050px,100%);min-height:650px;border:1px solid #2b3950;border-radius:27px;overflow:hidden;background:#0d1424ed;box-shadow:0 36px 100px #0008,0 1px 0 #ffffff08 inset}.brand-panel{position:relative;display:flex;flex-direction:column;padding:43px 43px 31px;background:radial-gradient(ellipse at 14% 15%,#213d67 0,transparent 48%),linear-gradient(155deg,#14233b,#101a2c 65%,#0d1c2a);border-right:1px solid #29374d}.brand-panel:after{content:'';position:absolute;right:-60px;bottom:90px;width:250px;height:250px;border:1px solid #80b5ff18;border-radius:50%;box-shadow:0 0 0 32px #80b5ff08,0 0 0 65px #80b5ff05;pointer-events:none}.brand-lockup{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:49px;height:49px;border:1px solid #7aaeff4d;border-radius:15px;background:linear-gradient(145deg,#6ca5ff2b,#73e3d516);color:#a7c8ff;box-shadow:0 8px 25px #0002}.brand-mark svg{width:31px;height:31px}.brand-name{display:block;font:800 19px/1.15 Manrope,sans-serif;letter-spacing:1px}.brand-name b{color:#82b3ff}.brand-caption{display:block;margin-top:4px;color:#8ea5c4;font-size:9px;font-weight:700;letter-spacing:2.5px}.brand-copy{margin-top:76px}.overline{display:inline-flex;align-items:center;gap:9px;color:#a7c0e4;font-size:10px;font-weight:700;letter-spacing:1.7px}.live-dot{width:7px;height:7px;border-radius:50%;background:#69e3b1;box-shadow:0 0 0 4px #69e3b11b,0 0 14px #69e3b180}.brand-copy h1{margin:23px 0 18px;font:800 clamp(34px,4vw,46px)/1.16 Manrope,sans-serif;letter-spacing:-2px}.brand-copy h1 span{color:#85b5ff}.brand-copy p{max-width:360px;color:#a6b5cc;font-size:14px;line-height:1.85}.feature-list{display:grid;gap:19px;margin-top:auto;padding-top:44px}.feature{display:flex;align-items:center;gap:13px}.feature-icon{display:grid;place-items:center;flex:0 0 39px;height:39px;border:1px solid #769dd32b;border-radius:12px;background:#7eaaff0c;color:#a4c5ff;font-size:21px}.feature b,.feature small{display:block}.feature b{font-size:12px;font-weight:700}.feature small{margin-top:4px;color:#91a2bc;font-size:11px}.brand-footer{display:flex;align-items:center;gap:9px;margin-top:39px;color:#8194b1;font-size:9px;font-weight:700;letter-spacing:1.3px}.footer-shield{color:#80b3ff;font-size:15px}.footer-line{height:1px;flex:1;background:#34455f}.form-panel{display:flex;flex-direction:column;justify-content:center;padding:48px clamp(35px,5vw,65px) 26px;background:linear-gradient(145deg,#111a2b,#0b1220)}.form-inner{width:100%;max-width:360px;margin:auto}.welcome-icon{display:grid;place-items:center;width:45px;height:45px;margin-bottom:26px;border:1px solid #719fe73b;border-radius:14px;background:#6d9dff12;color:#9bc0ff}.welcome-icon svg{width:25px;height:25px}.form-kicker{color:#83b3ff;font-size:10px;font-weight:800;letter-spacing:2px}.form-inner h2{margin:10px 0 11px;font:800 31px/1.2 Manrope,sans-serif;letter-spacing:-1.15px}.form-description{margin:0 0 28px;color:#9baac0;font-size:13px;line-height:1.75}.login-form label{display:block;margin-bottom:9px;color:#dce5f4;font-size:12px;font-weight:700}.input-wrap{display:flex;align-items:center;gap:11px;height:51px;margin-bottom:20px;padding:0 14px;border:1px solid #34435b;border-radius:11px;background:#09111f;transition:border-color .18s,box-shadow .18s}.input-wrap:focus-within{border-color:#79aaff;box-shadow:0 0 0 3px #75a8ff18}.input-wrap>svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:#7f93b2;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.input-wrap input{width:100%;height:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#f4f7ff;font:13px 'DM Sans',sans-serif}.input-wrap input::placeholder{color:#687991}.password-label{display:flex;align-items:center;justify-content:space-between}.secure-note{display:flex;align-items:center;gap:5px;margin-bottom:9px;color:#8193ad;font-size:10px}.secure-note svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.toggle-password{display:grid;place-items:center;flex:0 0 28px;width:28px;height:30px;padding:0;border:0;background:transparent;color:#8b9db7;cursor:pointer}.toggle-password svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.toggle-password:hover{color:#c9d9f2}.submit-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:51px;margin-top:5px;border:1px solid #8bb8ff;border-radius:11px;background:linear-gradient(100deg,#7caeff,#8cbbff 55%,#79ded5);box-shadow:0 8px 24px #629fff24;color:#081426;font:800 13px Manrope,sans-serif;cursor:pointer;transition:transform .15s,filter .15s}.submit-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.submit-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.error-banner{display:flex;align-items:center;gap:10px;margin:-10px 0 20px;padding:11px 13px;border:1px solid #6c3441;border-radius:10px;background:#3a1e2a;color:#ffc0c9;font-size:12px}.error-banner>span:first-child{display:grid;place-items:center;width:19px;height:19px;border:1px solid #ff9aa8;border-radius:50%;font-weight:800}.privacy-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:23px;color:#7f91aa;font-size:10px}.privacy-note svg{width:16px;height:16px;fill:none;stroke:#75cdbb;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:35px;color:#71839e;font-size:8px;font-weight:700;letter-spacing:1.1px}.bottom-separator{padding:0 4px;color:#49617f}.version-tag{display:flex;align-items:center;gap:6px;white-space:nowrap}.version-tag span{width:6px;height:6px;border-radius:50%;background:#69d9ad}.mobile-brand{display:none}@media(min-width:1200px){.login-shell{min-height:680px}}@media(max-width:800px){body{padding:20px 14px}.login-shell{grid-template-columns:1fr;max-width:470px;min-height:0;border-radius:22px}.brand-panel{display:none}.form-panel{padding:28px 27px 22px}.mobile-brand{display:flex;margin-bottom:34px}.form-inner{max-width:100%;margin:0}.welcome-icon{margin-bottom:21px}.form-inner h2{font-size:29px}.form-bottom{margin-top:32px}}@media(max-width:380px){.form-panel{padding:23px 19px 19px}.form-bottom{font-size:7px;letter-spacing:.7px}.version-tag{font-size:7px}}