.brand-banner{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#f3f0ff,#fff 20% 80%,#f3f0ff);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:1;transform:scale(1)}.brand-banner-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.meeter-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.meeter-text{font-size:4rem!important;font-weight:900!important;color:#6867af!important;text-shadow:2px 2px 8px rgba(0,0,0,.1)!important;margin:0!important;letter-spacing:.1em;opacity:1;transform:scale(1)}.by-hbm{font-size:1.5rem;font-weight:600;color:#6867af;display:flex;align-items:center;gap:.5rem;opacity:1;transform:scale(1)}.meeter-logo{height:6.5625rem;width:auto;border-radius:50%;filter:drop-shadow(2px 2px 8px rgba(0,0,0,.1));background:#fffc;padding:.5rem;box-shadow:0 0 20px #fff9,inset 0 0 20px #fff3;opacity:1;transform:scale(1)}.hbm-logo{height:3.25rem;width:auto;filter:drop-shadow(2px 2px 8px rgba(0,0,0,.1))}.brand-banner.fade-out{animation:banner-fade-out 1s ease-out forwards!important;pointer-events:none;animation-delay:0s!important;animation-fill-mode:forwards!important}@keyframes banner-fade-out{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.975)}to{opacity:0;transform:scale(.95)}}@media(max-width:768px){.meeter-text{font-size:3rem!important}.meeter-logo{height:5rem}.by-hbm{font-size:1.25rem}.hbm-logo{height:2.6rem}}@media(max-width:430px){.meeter-text{font-size:2.5rem!important}.meeter-logo{height:4rem}.by-hbm{font-size:1rem}.hbm-logo{height:2.2rem}}