:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#050C0E;color:#F2FBF9;font:15px/1.6 'Manrope',Arial,sans-serif;min-height:100dvh}.login-shell{display:grid;grid-template-columns:minmax(440px,42%) minmax(0,1fr);min-height:100dvh}.login-panel{padding:clamp(32px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.login-brand{display:flex;gap:14px;align-items:center;margin-bottom:64px}.login-mark{display:grid;place-items:center;width:50px;height:50px;border:1px solid #266257;border-radius:12px;background:#10312C;color:#59E1C7;font-size:18px;font-weight:800}.login-brand strong{font-family:'Sora',Arial,sans-serif;font-size:20px;letter-spacing:.02em}.login-brand small{display:block;color:#8DAAA9;font-size:12px}h1{font-family:'Sora',Arial,sans-serif;font-size:clamp(28px,2.5vw,38px);line-height:1.25;letter-spacing:-.035em;margin:0 0 14px}p{color:#A7BCBF;margin:0 0 30px;max-width:44ch}form{margin-top:6px}label{display:block;font-size:13px;font-weight:600;margin:22px 0 8px}input,button{font:inherit;width:100%;min-height:54px;border-radius:10px;padding:14px 16px}input{color:#ECF6F4;background:#09171B;border:1px solid #29464B}input:focus-visible,button:focus-visible{outline:2px solid #39E5BD;outline-offset:4px}button{margin-top:30px;border:0;background:linear-gradient(105deg,#20C9E0,#30DDB5);color:#032323;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.08)}.login-footer{margin-top:48px;border-top:1px solid #1B3335;padding-top:22px;font-size:12px;color:#92AEB1}.error{padding:12px 14px;border:1px solid #783B48;border-radius:8px;background:#321E27;color:#FFC0CA;margin:20px 0 0}.login-visual{min-height:100%;background:linear-gradient(90deg,#050C0E,transparent 28%),linear-gradient(#04141355,#041413BB),url('login-background.jpg') center/cover;position:relative;overflow:hidden}.login-visual::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 40%,#39E5BD0A,transparent 65%)}.login-visual svg{position:absolute;inset:10%;width:80%;height:80%;color:#35D9C2;opacity:.65}
@media(max-width:900px){.login-shell{grid-template-columns:minmax(360px,55%) minmax(0,1fr)}.login-panel{padding:40px}.login-brand{margin-bottom:45px}}
@media(max-width:650px){.login-shell{display:block}.login-visual{display:none}.login-panel{padding:32px 24px;min-height:100dvh}.login-brand{margin-bottom:42px}h1{font-size:29px}.login-footer{margin-top:36px}}