@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800&family=Rajdhani:wght@600;700&display=swap');
:root{color-scheme:dark}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:#edf7ff;font-family:'Exo 2',sans-serif;background:#030a12 url('login-voidx-background.png') center/cover no-repeat}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(90deg,rgba(2,9,18,.54),rgba(2,9,18,.84))}.brand-side{align-self:center;max-width:570px;margin:auto;padding:52px}.brand{font:800 58px Rajdhani;letter-spacing:-3px;text-shadow:0 0 14px #43cce9}.brand b{color:#51d8ef}.eyebrow{font:600 12px Rajdhani;letter-spacing:2px;color:#58d9ee}.brand-side h1{font-size:44px;line-height:1.08;margin:12px 0}.intro{max-width:430px;color:#b5c9d9;line-height:1.7}.auth-panel{align-self:center;width:min(430px,calc(100% - 36px));margin:auto;background:linear-gradient(135deg,rgba(9,24,40,.96),rgba(4,13,25,.94));border:1px solid #326280;border-top:3px solid #56d5ee;padding:34px;box-shadow:0 20px 60px #0008}.auth-panel h2{margin:5px 0 25px;font-size:28px}.auth-panel label{display:block;margin:15px 0 0;color:#bbcad8;font-size:13px}.auth-panel input{width:100%;margin-top:7px;padding:12px;color:#effaff;background:#061321;border:1px solid #2b526d;border-radius:3px;font:15px 'Exo 2'}.auth-panel input:focus{outline:1px solid #5ce0f1;border-color:#5ce0f1}.auth-panel button{width:100%;border:0;border-radius:3px;margin-top:24px;padding:13px;background:linear-gradient(#5ce5f2,#2498bb);color:#031019;font:800 16px Rajdhani;cursor:pointer}.register{text-align:center;color:#9aabba;font-size:13px;margin-top:22px}.register a{color:#61dbef}.error{padding:10px;border-left:3px solid #ec6c74;background:#4a1e2a;color:#ffd7d9;font-size:13px}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.brand-side{padding:45px 28px 15px}.brand-side h1{font-size:33px}.auth-panel{margin:30px auto 45px}}