.brand-logo,.login-logo{object-fit:cover;background:#050505;border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 30px rgba(0,0,0,.3)}
.brand-logo{width:44px;height:44px;border-radius:13px}.login-logo{width:82px;height:82px;border-radius:22px;margin-bottom:25px}
.brand>div{min-width:0}.brand strong{white-space:nowrap;letter-spacing:.01em}
.login-page{position:relative;display:grid;min-height:100vh;place-items:center;padding:24px;overflow:hidden}
.login-card{position:relative;display:flex;width:min(440px,calc(100vw - 32px));flex-direction:column;align-items:center;border-radius:28px;padding:48px 34px;text-align:center}
.login-card h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(29px,7vw,40px);letter-spacing:.025em}.login-card>p:not(.eyebrow){margin:14px 0 30px;color:rgba(255,255,255,.66);font-size:14px}
.login-card>a{display:flex;width:100%;height:50px;align-items:center;justify-content:center;gap:12px;border-radius:13px;background:#3370ff;color:#fff;text-decoration:none;font-weight:650;box-shadow:0 12px 25px rgba(51,112,255,.28);transition:.2s}.login-card>a:hover{background:#4e83ff;transform:translateY(-1px)}
.login-card>a span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:rgba(255,255,255,.18)}.login-card small{margin-top:19px;color:rgba(255,255,255,.42)}
@media(max-width:760px){.brand strong{font-size:13px}.brand small{display:none}.brand-logo{width:38px;height:38px}.topbar{gap:10px}}