/* DuoTEC family emblem shared with HUB / BxS. Text stays still. */
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-width:185px;padding:0 18px;white-space:nowrap;text-decoration:none;letter-spacing:0;line-height:1}
.brand-emblem{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;animation:duotec-breathe 3.2s ease-in-out infinite;transform-origin:50% 50%}
.brand-orbit{display:block;width:100%;height:100%;animation:duotec-orbit 18s linear infinite;transform-origin:50% 50%;will-change:transform}
.brand-wordmark{font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:400;letter-spacing:-.8px;color:#f8fbff;display:block;line-height:1}
.brand-wordmark>span{font-weight:750;letter-spacing:-1px}.brand-wordmark small{display:block;font-size:7px;font-weight:600;line-height:1.2;letter-spacing:2.5px;color:#c5d7e4;margin:4px 0 0 2px}
#login .brand,#cms-login .brand{padding:0;gap:15px;min-width:0;margin-bottom:8px}
#login .brand-emblem,#cms-login .brand-emblem{width:52px;height:52px;flex-basis:52px}
#login .brand-wordmark,#cms-login .brand-wordmark{font-size:34px;color:#405770;letter-spacing:-1.2px}
#login .brand-wordmark>span,#cms-login .brand-wordmark>span{color:#247c9b;letter-spacing:-1.4px}
#login .brand-wordmark small,#cms-login .brand-wordmark small{font-size:9px;letter-spacing:3.2px;color:#849bb0;margin-top:7px}
#login form,#cms-login form{border-top:3px solid #42b9cf}
@keyframes duotec-orbit{to{transform:rotate(360deg)}}
@keyframes duotec-breathe{0%,100%{transform:scale(.95);opacity:.78;filter:drop-shadow(0 0 1px #42b9cf20)}50%{transform:scale(1.04);opacity:1;filter:drop-shadow(0 0 5px #42b9cf75)}}
@media(max-width:1100px){header .brand{min-width:160px;padding:0 12px;gap:8px}header .brand-wordmark{font-size:20px}header .brand-emblem{width:29px;height:29px;flex-basis:29px}header .brand-wordmark small{font-size:6px;letter-spacing:2px}}
@media(max-width:700px){header .brand{min-width:136px;padding:0 8px;gap:6px}header .brand-wordmark{font-size:18px}header .brand-emblem{width:26px;height:26px;flex-basis:26px}header .brand-wordmark small{font-size:6px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){.brand-emblem,.brand-orbit{animation:none;will-change:auto}}