.brand-symbol{display:block;flex:0 0 auto;object-fit:contain}
.logo{gap:13px;padding:20px 18px}
.logo .brand-symbol{width:50px;height:50px;filter:drop-shadow(0 7px 13px #020b144d)}
.logo .brand-wordmark{min-width:0;line-height:1}
.logo .brand-wordmark strong{display:block;color:#fff;font-size:18px;font-weight:800;letter-spacing:-.35px}
.logo .brand-wordmark .brand-edition{display:block;margin-top:7px;color:#84a6b5;font-size:8px;font-weight:700;letter-spacing:1.45px;white-space:nowrap}
.login-card{position:relative;overflow:hidden;border:1px solid #dfe9e9;padding-top:34px}
.login-card::before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#0b1f33,#0b6e70 55%,#24b9a2)}
.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.login-brand .brand-symbol{width:64px;height:64px;filter:drop-shadow(0 10px 15px #0b1f3324)}
.login-wordmark{line-height:1}
.login-wordmark strong{display:block;color:#0b1f33;font-size:25px;font-weight:850;letter-spacing:-.7px}
.login-wordmark strong span{color:#087f72}
.login-wordmark small{margin:8px 0 0;color:#66808d;font-size:8px;font-weight:750;letter-spacing:1.35px;white-space:nowrap}
.login-card>p{line-height:1.45}
.public-brand{display:flex;align-items:center;gap:10px;color:#0b1f33;font-weight:800}
.public-brand .brand-symbol{width:52px;height:52px;margin:-7px;filter:drop-shadow(0 7px 12px #061e2d26)}
.public-brand span{color:#087f72}
@media(max-width:420px){.login-card{padding:30px 25px}.login-brand .brand-symbol{width:56px;height:56px}.login-wordmark strong{font-size:22px}.login-wordmark small{letter-spacing:1px}}