.transparent-header{position:fixed;top:0;width:100%;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(20px);background-color:rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.1);font-family:Satisfy,cursive!important}.header-container{display:flex;align-items:center;justify-content:space-between;padding:10px 45px;width:100%;box-sizing:border-box;position:relative}.logo img{height:70px;width:auto;margin-left:20px;margin-top:0;margin-bottom:-20px;z-index:5}.menu{display:none;flex-direction:column;position:absolute;top:60px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.9);padding:20px;border-radius:8px;z-index:1000;gap:10px;width:200px}.menu.active{display:flex}.menu-items{list-style:none;display:flex;flex-direction:column;gap:15px;margin:0;padding:0;align-items:center}.menu-items li{position:relative}.menu-items a{text-decoration:none;color:#df126e;font-size:clamp(1rem, 2vw, 1.5rem);font-weight:700;transition:color .3s ease}.menu-items a:hover{color:#233896}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;gap:5px}.menu-toggle span{display:block;width:25px;height:3px;background-color:#fff;border-radius:5px;transition:all .3s ease}body{margin:0;padding-top:60px}@media (min-width:768px){.menu{display:flex;position:static;background-color:transparent;padding:0;gap:20px;justify-content:center;width:auto}.menu-items{flex-direction:row;gap:20px;margin:10px -50px}.menu-toggle{display:none}}