html body .app-layout>.app-footer.brand-footer{position:relative;display:block;box-sizing:border-box;isolation:isolate;margin:32px 0 0;padding:34px 20px 18px;border:1px solid #243b52;border-radius:10px;background:radial-gradient(ellipse at 8% 115%,#07547a65,transparent 45%),radial-gradient(ellipse at 95% 115%,#006b8255,transparent 40%),linear-gradient(115deg,#091624,#081422);box-shadow:none;overflow:hidden;text-align:center}
.brand-footer-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:660px;margin:auto}
.brand-footer-wordmark{display:inline-block;color:#f4f8ff;text-decoration:none;font:800 34px/1.15 'Poppins','Be Vietnam Pro',system-ui;letter-spacing:-1.7px}
.brand-footer-wordmark>span{color:#2ed0ef}
.brand-footer-community{margin:10px 0 0;padding-left:.5em;color:#adc8e4;font:500 9px/1.5 'Montserrat','Be Vietnam Pro',system-ui;letter-spacing:.5em}
.brand-footer-slogan{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;margin:20px 0 18px;color:#c5d6e9;font:italic 400 21px/1.6 'Noto Serif',Georgia,serif}
.brand-footer-slogan::before,.brand-footer-slogan::after{content:'';height:1px;max-width:68px;flex:1;background:linear-gradient(90deg,transparent,#829bb5)}
.brand-footer-slogan::after{transform:rotate(180deg)}
.brand-footer-support{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:4px 10px;color:#95abc6;text-decoration:none;font:400 12px/1.5 'Be Vietnam Pro',system-ui;border-radius:8px;transition:color 160ms ease,background 160ms ease}
.brand-footer-support strong{color:#41d5f4;font-weight:600}
.brand-footer-telegram{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#172e44;color:#adcfe9}
.brand-footer-telegram svg{width:18px;height:18px}
.brand-footer-external{color:#7fb6d9;font-size:12px}
.brand-footer-support:hover{background:#17324977;color:#e1f4ff}
.brand-footer-support:focus-visible,.brand-footer-wordmark:focus-visible{outline:2px solid #57d7f6;outline-offset:4px}
.brand-footer-copyright{width:min(440px,100%);padding-top:14px;margin:16px 0 0;border-top:1px solid #2c435666;color:#829bb7;font:400 10px/1.6 'Be Vietnam Pro',system-ui}
@media(max-width:600px){html body .app-layout>.app-footer.brand-footer{margin-top:24px;padding:27px 16px 20px;border-radius:9px}.brand-footer-wordmark{font-size:30px}.brand-footer-community{font-size:8px}.brand-footer-slogan{font-size:16px;gap:10px;margin:17px 0 12px}.brand-footer-slogan::before,.brand-footer-slogan::after{max-width:28px}.brand-footer-support{font-size:11px}.brand-footer-copyright{font-size:9px;margin-top:12px}}
@media(max-width:360px){.brand-footer-slogan{font-size:14px;gap:7px}.brand-footer-community{letter-spacing:.4em}}
@media(prefers-reduced-motion:reduce){.brand-footer-support{transition:none}}

/* Compact brand strip resting at the end of the page, never over inventory. */
html body .app-layout>.app-footer.brand-footer{margin:16px 0 0!important;padding:12px 0 6px!important;border:0;border-top:1px solid #283b50;border-radius:0!important;background:radial-gradient(ellipse at 50% 120%,#07547a20,transparent 70%);overflow:visible}
.brand-footer-content{max-width:none;display:grid;grid-template-columns:auto 1fr auto;gap:4px 20px;align-items:center;text-align:left}
.brand-footer-wordmark{grid-column:1;grid-row:1;font-size:23px;letter-spacing:-1px;justify-self:start}
.brand-footer-community{grid-column:1;grid-row:2;font-size:7px;margin:0;padding-left:0;letter-spacing:.35em}
.brand-footer-slogan{grid-column:2;grid-row:1/3;justify-content:center;margin:0;font-size:15px;line-height:1.5;gap:12px}
.brand-footer-slogan::before,.brand-footer-slogan::after{max-width:36px}
.brand-footer-support{grid-column:3;grid-row:1/3;min-height:40px;padding:0 4px;font-size:11px}
.brand-footer-telegram{width:26px;height:26px}
.brand-footer-copyright{grid-column:1/-1;grid-row:3;width:100%;margin:3px 0 0;padding:5px 0 0;border:0;text-align:center;font-size:9px;line-height:1.5}
@media(max-width:700px){
 .brand-footer-content{grid-template-columns:1fr auto;gap:3px 12px}
 .brand-footer-wordmark{font-size:22px}
 .brand-footer-community{font-size:6px;letter-spacing:.3em}
 .brand-footer-support{grid-column:2;grid-row:1/3;font-size:10px}
 .brand-footer-slogan{grid-column:1/-1;grid-row:3;font-size:13px;margin:3px 0 0;gap:10px}
 .brand-footer-copyright{grid-row:4;font-size:8px;margin:0;padding:3px 0 0}
 html body .app-layout>.app-footer.brand-footer{padding-bottom:4px!important;margin-top:12px!important}
}

/* Center the desktop brand strip as one balanced group. */
@media(min-width:701px){
 .brand-footer-content{grid-template-columns:auto auto auto;justify-content:center;column-gap:30px;row-gap:3px;max-width:900px}
 .brand-footer-wordmark{justify-self:center}
 .brand-footer-community{text-align:center;justify-self:center}
 .brand-footer-slogan{width:auto;min-width:0;font-size:14px;gap:12px}
 .brand-footer-slogan::before,.brand-footer-slogan::after{flex:0 0 24px;width:24px}
 .brand-footer-support{justify-self:center}
 .brand-footer-copyright{text-align:center;justify-self:center}
}