:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#10171d;color:#edf0e9;font:16px system-ui,sans-serif;min-height:100vh;display:grid;place-items:center}.login-shell{display:grid;grid-template-columns:1.1fr 1fr;max-width:1050px;width:94%;min-height:620px;border:1px solid #33424b;border-radius:18px;overflow:hidden}.intro{padding:50px;background:radial-gradient(ellipse at 50% 35%,#2b494c,#18272c 70%);display:flex;flex-direction:column}.brand{font-size:13px;letter-spacing:3px;color:#b3c4bd;font-weight:700}.pixel-door{height:210px;position:relative;margin:30px auto 10px;width:130px;background:#294448;border:12px solid #536969;box-shadow:12px 12px #0d171d}.pixel-door i{display:block;margin:7px;background:#9e8060;height:100%;border:8px solid #b89a74}.pixel-door:after{content:'';position:absolute;width:8px;height:8px;background:#ebd3a3;right:18px;top:105px}.pixel-door b{color:#a7d2bd;position:absolute;top:55px;left:45px;font-size:32px}.caption{font:12px monospace;letter-spacing:3px;margin-top:35px;color:#d6b98c}h1{font-size:35px;font-weight:600;line-height:1.35;letter-spacing:-1px}p{color:#97a7a7;line-height:1.8;font-size:15px}.intro small{color:#829896;margin-top:auto;font-size:12px}.form-side{background:#151f27;padding:65px 48px;align-self:stretch}.eyebrow{font-size:11px;letter-spacing:2px;color:#a4cdb9}h2{font-size:28px;font-weight:500;margin:15px 0 5px}label{display:block;margin-top:28px;font-size:14px;color:#c4cfca}input{display:block;width:100%;background:#10191f;border:1px solid #38474d;border-radius:7px;padding:14px;margin-top:9px;color:#edf0e9;font:16px system-ui}input:focus{outline:2px solid #92b7a0;outline-offset:2px}.remember{display:flex;align-items:center;gap:10px;font-size:13px;margin:20px 0}.remember input{width:auto;margin:0}button{width:100%;border:0;border-radius:7px;background:#d2ba8f;color:#1a2426;padding:15px;text-align:left;font:600 15px system-ui;cursor:pointer}button span{float:right}button:disabled{opacity:.6;cursor:wait}#secure-error{color:#ed9a93;font-size:14px}.security-note{border-top:1px solid #2c3b42;padding-top:23px;margin-top:35px;font-size:12px;color:#738b8c;line-height:1.8}@media(max-width:700px){.login-shell{display:block;margin:25px 0}.intro{padding:25px}.pixel-door,.intro small{display:none}.intro h1{font-size:24px}.intro p{display:none}.caption{margin-top:25px}.form-side{padding:35px 25px}}