body,html{font-family:serif;background-color:#003063;color:white}*,body,html{margin:0;padding:0}*{box-sizing:border-box}.navbar{background-color:#003a78;box-shadow:0 4px 10px rgba(0,0,0,.3)}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;padding:0 40px;min-height:120px}.navbar-text-container{flex:1 1;display:flex;align-items:center;min-width:1}.navbar-logo-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:1}.navbar-actions{flex:2 1;display:flex;justify-content:flex-end;align-items:center;gap:5%;min-width:0}.navbar-text{font-size:22px;color:#ffffff;line-height:1.4;border-left:4px solid #f04b37;padding-left:12px;font-weight:500;opacity:.9;max-width:325px}.logo{max-height:75px;height:auto;width:auto;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.icon-btn{position:relative;background:none;border:1px solid rgba(255,255,255,.4);border-radius:50%;cursor:pointer;color:white;transition:transform .2s ease,color .3s ease,border-color .3s ease;display:flex;align-items:center;justify-content:center;width:60px;height:60px}.icon-btn:hover:not(:disabled){color:#f04b37;border-color:#f04b37;transform:scale(1.15)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon{width:32px;height:32px}.icon-btn:after{content:attr(title);bottom:-35px;background-color:rgba(0,0,0,.85);color:#fff;font-size:14px;padding:5px 10px;border-radius:6px;pointer-events:none;white-space:nowrap;transition:opacity .3s ease,transform .3s ease;z-index:10}.icon-btn:after,.icon-btn:before{position:absolute;left:50%;transform:translateX(-50%);opacity:0}.icon-btn:before{content:"";bottom:-10px;border:6px solid transparent;border-top-color:rgba(0,0,0,.85);transition:opacity .3s ease}.icon-btn:hover:after,.icon-btn:hover:before{opacity:1;transform:translate(-50%,-5px)}@media (max-width:820px){.navbar-container{padding:0 20px;min-height:100px}.navbar-text{font-size:16px;max-width:250px}.logo{max-height:60px}.icon-btn{width:50px;height:50px}.icon{width:28px;height:28px}.icon-btn:after{font-size:12px;bottom:-30px}}@media (max-width:440px){.navbar-container{padding:0 12px;min-height:85px}.navbar-text{display:none!important}.navbar-logo-container{left:30%}.logo{max-height:50px}.icon-btn{width:40px;height:40px;border-width:1px}.icon{width:24px;height:24px}.icon-btn:after{font-size:11px;bottom:-28px}}