:root{color-scheme:dark;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#e8edf6;background:#101522}*{box-sizing:border-box}body{margin:0}main{min-height:calc(100dvh - 70px);max-width:1120px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:100px;padding:60px 35px}.intro{min-height:530px;display:flex;flex-direction:column;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#e8edf6;text-decoration:none}.brand>span{font-size:27px;font-weight:750;letter-spacing:-1px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#8fa0bc;margin-top:3px}.eyebrow{font-size:10px;font-family:ui-monospace,monospace;letter-spacing:2px;color:#9cbaa9;margin-bottom:15px}h1{font-size:58px;line-height:1.13;font-weight:650;letter-spacing:-2.8px;margin:25px 0}em{font-style:normal;color:#7ce0b3}.description{font-size:14px;line-height:1.9;color:#a4b3ca;max-width:360px}.secure{font-size:11px;color:#91b6a1}.login-card{background:#1b202b;border:1px solid #3c4656;border-radius:18px;padding:38px;box-shadow:0 22px 70px #0003}h2{font-size:27px;letter-spacing:-.9px;font-weight:650;margin:0 0 9px}.subtitle{font-size:12px;color:#9fadc2;margin:0 0 30px}label{display:block;font-size:12px;font-weight:600;margin:19px 0 8px}input{width:100%;padding:13px 14px;font:inherit;font-size:14px;border:1px solid #566174;border-radius:8px;color:#edf4fa;background:#101620;min-height:47px}input::placeholder{color:#7e8b9e}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #eccb7b;outline-offset:4px}.password-field{position:relative}.password-field input{padding-right:78px}button{font:inherit;cursor:pointer}.password-field button{position:absolute;right:10px;top:9px;border:0;background:transparent;color:#bdc9da;font-size:11px;padding:8px 4px}.submit{width:100%;min-height:47px;border:1px solid #abf1cf;border-radius:8px;background:#7ce0b3;color:#07291d;font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;margin-top:20px}.submit:hover{background:#a1efca}.submit:disabled{opacity:.55;cursor:wait}#error{font-size:12px;line-height:1.6;color:#f0a4a4;min-height:5px;margin:12px 0}.footnote{font-size:10px;line-height:1.8;color:#8d9bb0;border-top:1px solid #394250;padding-top:20px;margin:25px 0 0}footer{height:70px;max-width:1050px;margin:auto;color:#7989a2;display:flex;justify-content:space-between;padding:18px 25px;font-size:10px}@media(max-width:800px){main{gap:35px;padding:45px 25px}h1{font-size:42px}.intro{min-height:470px}.login-card{padding:28px}}@media(max-width:600px){main{display:block;padding:28px 20px;min-height:calc(100dvh - 50px)}.intro{min-height:0}.intro>div,.secure{display:none}.brand{margin-bottom:35px}.login-card{padding:27px 23px}h2{font-size:25px}footer{height:auto;padding:10px 23px 25px;font-size:9px;gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}