.header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:8px 180px;overflow:hidden;min-height:70px;width:100%}.header__curved-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bfrr.png) no-repeat 50%;background-size:cover;z-index:0;transition:opacity .5s ease-in-out;opacity:1}.header.hovered .header__curved-bg{opacity:0}.header:before{content:"";position:absolute;inset:0;width:100%;height:100%;background:url(/images/aft.png) no-repeat 50%;background-size:cover;z-index:1;transform:scaleX(0);transform-origin:center;transition:transform .5s ease-in-out}.header.hovered:before{transform:scaleX(1)}.header__center-logo{position:absolute;top:50%;left:50%;width:200px;height:240px;background:url(/images/landingpage/kutoot-logo.png) no-repeat 50%;background-size:contain;transform:translate(-50%,-50%) rotate(0deg);opacity:0;z-index:2;transition:opacity .5s ease-in-out;pointer-events:none}.header.hovered .header__center-logo{opacity:1}.header__left,.header__right{position:relative;z-index:3;display:flex;align-items:center;padding-top:.5rem}.header__left{gap:1rem}.header__label{font-size:10px;font-weight:600;color:#fff}.header__progress-container{display:flex;flex-direction:column;align-items:flex-start}.header__progress{display:flex;align-items:center;gap:.3rem}.header__percentage{font-weight:700;font-size:1rem;color:#fff}.header__bar{display:flex;background:#2a2a2a;border-radius:4px;overflow:hidden;padding:.1rem;border:1px solid #ffb347}.header__bar .bar-segment{width:6px;height:16px;background-color:#222;margin:0 1px;border-radius:2px}.header__bar .bar-segment.filled{background:linear-gradient(0deg,#ffb347,#fc3)}.header__button{padding:.5rem 1rem;border-radius:999px;font-weight:400;font-size:12px;border:none;cursor:pointer}.header__button.orange{background-color:#f37523;color:#fff}.header__button.outline{background-color:transparent;border:1px solid #fff;color:#fff;margin-left:1rem}.header__logo{height:40px}.header__nav{display:flex;gap:1rem;margin-right:1rem}.header__nav a{color:#fff;text-decoration:none;font-size:12px}.header__icon{background-color:transparent;border:1px solid #fff;border-radius:50%;padding:.4rem;display:flex;align-items:center;justify-content:center;margin-left:1rem;color:#fff}.header__mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;z-index:10;position:absolute;right:20px;top:50%;transform:translateY(-50%)}@media(max-width:768px){.header__mobile-menu-btn{display:block}}.header__mobile-menu{position:fixed;top:0;right:0;width:280px;height:100vh;background:#3b322b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;padding:80px 20px 20px;transform:translateX(100%);transition:transform .3s ease;box-shadow:-5px 0 15px rgba(0,0,0,.3)}.header__mobile-menu.open{transform:translateX(0)}.header__mobile-menu nav{display:flex;flex-direction:column;gap:0}.header__mobile-menu nav a,.header__mobile-menu nav button{color:#fff;text-decoration:none;font-size:16px;padding:.75rem 1rem;transition:background .3s ease}.header__mobile-menu nav a:hover,.header__mobile-menu nav button:hover{background:hsla(0,0%,100%,.1)}.header__mobile-menu nav .kutoot--header__button{justify-content:center;margin:.5rem 0}.header__mobile-menu nav .header__button.outline{margin:0;width:100%}.header__mobile-menu__profile{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;cursor:pointer}.header__mobile-menu__profile:hover{background:hsla(0,0%,100%,.1)}.header__mobile-menu__profile span{color:#fff;font-size:16px}.header__mobile-menu .header__icon{margin:.5rem 0;width:-moz-fit-content;width:fit-content}.header__mobile-menu .header__icon span{margin-left:.5rem;color:#fff;font-size:16px}.kutoot--header__button{font-size:12px;font-weight:400;color:#fff;background-color:#ea6b1e;padding:10px 20px;border-radius:32px;display:flex;align-items:center;text-decoration:none}.kutoot--header__button:hover{background:linear-gradient(90deg,#f26a1b,#8e0038);color:#fff}.kutoot--header__button-icon{margin-right:4px;font-size:12px;transform:rotate(-45deg);transition:transform .3s ease}.kutoot--header__button:hover .kutoot--header__button-icon{transform:rotate(0deg);color:#fff}.logo-reveal-container{display:flex;align-items:center;padding:.25rem .75rem;background-color:#2b1c13;border-radius:9999px;box-shadow:0 2px 6px rgba(0,0,0,.2);border:1px solid #553d2e;transition:all .3s ease;cursor:pointer;width:40px;overflow:hidden}.logo-reveal-container.hovered{width:auto}.logo-reveal-container .logo-symbol{width:1.5rem;height:1.5rem;transition:all .3s ease}.logo-reveal-container .logo-text{height:1rem;margin-left:.5rem;overflow:hidden}@media(max-width:768px){.header{padding:8px 20px}.header__left,.header__right{display:none}.header__center-logo{width:150px;height:180px}}@media(min-width:769px){.header__mobile-menu{display:none}}