:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;color:#f3f4f6;background:#090909}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:1fr 1fr;min-height:100vh}aside{position:relative;overflow:hidden;background:#000;min-height:100vh}.brand{position:absolute;width:36%;left:0;top:4%;z-index:1}.side{position:absolute;height:100%;left:50%;top:50%;transform:translate(-50%,-50%)}aside p{position:absolute;bottom:24px;left:48px;max-width:340px;color:#bfdbfe;line-height:1.7}main{display:flex;align-items:center;justify-content:center;padding:40px 24px}section{width:100%;max-width:448px;padding:40px;border:1px solid #232323;border-radius:16px;background:#101010;box-shadow:0 25px 50px #0008}.logo{display:block;width:64%;height:80px;object-fit:contain;margin:0 auto 8px}h1{font-size:21px;text-align:center;margin:8px 0}.subtitle{text-align:center;color:#9ca3af;font-size:14px;margin-bottom:32px}label{display:block;color:#9ca3af;font-size:14px;margin-bottom:6px}input:not([type=hidden]){width:100%;background:#232c3c;color:white;border:1px solid #30394a;border-radius:6px;padding:12px;font:inherit;margin-bottom:22px}input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.row{display:flex;justify-content:space-between;align-items:baseline}a{color:#60a5fa;font-size:13px}button,.button{display:block;width:100%;border:0;border-radius:6px;background:#2563eb;color:white;padding:13px;font:inherit;cursor:pointer;text-align:center;text-decoration:none}button:hover{background:#1d4ed8}.error{padding:12px;background:#450a0a66;color:#fca5a5;border:1px solid #7f1d1d;border-radius:6px;font-size:14px}.foot{text-align:center;color:#6b7280;font-size:12px;margin:24px 0 0}p{line-height:1.6}@media(max-width:1023px){body{grid-template-columns:1fr}aside{display:none}section{padding:30px}main{min-height:100vh}}