:root{--brand-blue:#2351d8;--brand-purple:#74539b;--brand-orange:#ff7038;--brand-ink:#202638;--brand-border:#dce2f0;--brand-gradient:linear-gradient(120deg,#2351d8,#74539b 58%,#ff7038)}
.brand-logo{display:block;width:100%;height:auto;object-fit:contain}
body.brand-login,body.brand-companies{color:var(--brand-ink);background:radial-gradient(ellipse at 8% 10%,#2351d818,transparent 52%),radial-gradient(ellipse at 95% 85%,#ff703817,transparent 48%),#f5f6fb;min-height:100vh}
body.brand-login{margin:0;padding:32px 20px;display:grid;place-items:center;font:16px/1.5 Segoe UI,Arial,sans-serif}
.brand-login main{position:relative;width:100%;max-width:440px;margin:0;padding:28px 36px 30px;background:#fff;border:1px solid var(--brand-border);border-radius:22px;box-shadow:0 18px 60px #24396612;overflow:hidden}
.brand-login main::before{content:'';position:absolute;inset:0 0 auto;height:5px;background:var(--brand-gradient)}
.brand-login .brand-logo{width:252px;margin:0 auto 18px}
.brand-login h1{font-size:23px;letter-spacing:-.5px;margin:0 0 6px}
.brand-login main>p{color:#626b80;margin:0 0 22px;font-size:14px}
.brand-login label{font-size:13px;font-weight:600;margin:16px 0;color:#353e53}
.brand-login input,.brand-login select{margin-top:7px;background:#fafbfe;border:1px solid #cdd5e7;color:var(--brand-ink);border-radius:9px;min-height:46px}
.brand-login button{margin-top:8px;background:var(--brand-blue);border:0;border-radius:9px;min-height:48px;font-weight:600;box-shadow:0 4px 12px #2351d81a;cursor:pointer}
.brand-login button:hover{background:#1c41b5}.brand-login button:disabled{opacity:.6;cursor:wait}
.brand-login :is(input,select,button):focus-visible,.brand-companies button:focus-visible{outline:3px solid #74539b;outline-offset:3px}
.brand-login #message{color:#a62828;margin:14px 0 0;min-height:0}.brand-login #message:empty{display:none}
.brand-companies .brand-logo{width:220px;margin:0 0 32px;background:white;border-radius:14px;padding:12px;box-shadow:0 6px 24px #2439660a}
.brand-companies button{color:#2348b3;border-color:var(--brand-border);border-top:3px solid var(--brand-blue)}
.brand-companies button:hover{background:#edf1ff;border-color:var(--brand-purple)}
@media(max-width:480px){body.brand-login{padding:20px 16px}.brand-login main{padding:24px}.brand-login .brand-logo{width:220px;max-width:100%;margin-bottom:16px}.brand-login input,.brand-login select{font-size:16px}}