@import url("https://fonts.googleapis.com/css2?family=Exo:wght@400;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=BBH+Sans+Bogle&family=Exo:ital,wght@0,100..900;1,100..900&display=swap");.header{position:fixed;top:0;left:0;width:100%;padding:1rem 5%;background:rgba(15,19,29,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.header.scrolled{background:rgba(15,19,29,.85)}.logo{font-size:1.8rem;font-weight:900;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center}#menu-icon{font-size:2rem;color:#fff;cursor:pointer;display:none;position:relative;z-index:1001}#menu-icon.bx-x{color:#ff6b6b}.navbar{display:flex;gap:2rem;align-items:center;position:relative}.navbar a{position:relative;display:inline-block;overflow:hidden;color:#fff;text-decoration:none;font-size:1rem;text-transform:uppercase;padding:.5rem 1rem;border-radius:10px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.navbar a.active{background:rgba(255,107,107,.15);box-shadow:0 0 15px rgba(255,107,107,.3);border:1px solid rgba(255,107,107,.3)}.navbar a:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:#0ff;text-shadow:-2px -2px 0 #f0f,2px 2px 0 #ff0;clip-path:inset(50% 50% 50% 50%);display:flex;align-items:center;justify-content:center;padding:.5rem 1rem}.navbar a:hover:after{animation:glitch 1s steps(2) infinite}@keyframes glitch{0%{clip-path:inset(80% -6px 0 0);transform:translate(-10px,-5px)}10%{clip-path:inset(10% -6px 85% 0);transform:translate(5px,5px)}20%{clip-path:inset(80% -6px 0 0);transform:translate(-5px,5px)}30%{clip-path:inset(10% -6px 85% 0);transform:translateY(3px)}40%{clip-path:inset(50% -6px 30% 0);transform:translate(-3px)}50%{clip-path:inset(10% -6px 85% 0);transform:translate(3px)}60%{clip-path:inset(40% -6px 43% 0);transform:translate(3px,5px)}70%{clip-path:inset(50% -6px 30% 0);transform:translate(-5px,5px)}80%{clip-path:inset(80% -6px 5% 0);transform:translate(10px,-5px)}90%{clip-path:inset(80% -6px 0 0);transform:translate(-5px)}to{clip-path:inset(80% -6px 0 0);transform:translate(0)}}.auth-button{position:relative;background:linear-gradient(135deg,#ff6b6b,#ff4757);color:#fff;font-weight:700;border:none;padding:.6rem 1.5rem;font-family:Exo,sans-serif;text-transform:uppercase;letter-spacing:1px;border-radius:10px;cursor:pointer;box-shadow:0 4px 15px rgba(255,107,107,.3);transition:all .3s ease-in-out;overflow:hidden}.auth-button:hover{background:linear-gradient(135deg,#ff4757,#e84118);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(255,71,87,.6),0 0 20px rgba(255,71,87,.5)}.auth-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,107,107,.5) 0,rgba(255,71,87,0) 70%);opacity:0;transition:all .3s ease-in-out;pointer-events:none;border-radius:50%}.auth-button:hover:before{opacity:1;animation:glowPulse 1.5s infinite alternate}@keyframes glowPulse{0%{transform:scale(1) rotate(0deg);opacity:.6}to{transform:scale(1.2) rotate(45deg);opacity:.3}}.nav-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:998;opacity:0;visibility:hidden;transition:.3s}.nav-bg.active{opacity:1;visibility:visible}@media (max-width:768px){#menu-icon{display:block}.navbar{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:rgba(15,19,29,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;transition:right .3s ease-in-out;padding:2rem;z-index:999}.navbar.active{right:0}.navbar a{font-size:1.3rem;width:80%;text-align:center;margin:.8rem 0;padding:1rem;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.navbar a:hover{background:rgba(255,255,255,.15);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(255,255,255,.1)}.navbar a.active{background:rgba(255,107,107,.2);border:1px solid rgba(255,107,107,.4);box-shadow:0 4px 20px rgba(255,107,107,.3)}}@media screen and (min-width:769px) and (max-width:1024px){.navbar{gap:1.2rem}.navbar a{font-size:.95rem;padding:.4rem .8rem}}@media screen and (min-width:1025px){.navbar a{font-size:1rem}}