nav{position:fixed;top:0;width:100%;padding:clamp(.75rem,2vw,1.5rem) clamp(1rem,5vw,4rem);display:flex;justify-content:space-between;align-items:center;z-index:1000;background:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease}.logo:hover{transform:scale(1.05)}.logo-icon{width:auto;height:80px;position:absolute}.logo:hover .logo-icon{transform:rotate(5deg)}.logo-text{font-size:clamp(1.25rem,4vw,2rem);font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,#fff,#c084fc,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;white-space:nowrap}.nav-links{display:flex;gap:clamp(1rem,3vw,3rem);align-items:center;flex-wrap:wrap}.nav-links a{color:#fff9;text-decoration:none;font-size:clamp(.8rem,2.5vw,.95rem);font-weight:500;transition:all .3s;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.nav-links a:hover{color:#c084fc}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown .nav-link{cursor:pointer}.dropdown-content{display:none;position:absolute;top:100%;left:0;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(192,132,252,.3);border-radius:8px;padding:.5rem;min-width:180px;box-shadow:0 8px 24px #0006;z-index:1000;margin-top:.5rem}.dropdown-content a{display:block;padding:.75rem 1rem;color:#ffffffe6;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s;border-radius:4px;text-transform:none;letter-spacing:.02em}.dropdown-content a:hover{background:#c084fc33;color:#c084fc}.nav-dropdown:hover .dropdown-content{display:block}.btn{padding:.9rem 2.2rem;border:none;border-radius:50px;cursor:pointer;font-size:.95rem;font-weight:700;transition:all .4s;text-transform:uppercase;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,#9333ea,#3b82f6);color:#fff;box-shadow:0 0 30px #9333ea66;position:relative}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 40px #9333ea99}.btn-secondary{background:transparent;color:#fff;border:2px solid rgba(147,51,234,.5)}.btn-secondary:hover{background:#9333ea26;border-color:#9333ea}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;background:none;border:none;cursor:pointer;padding:0;position:relative;z-index:1001}.hamburger-line{width:20px;height:2px;background:#fff;margin:2px 0;transition:all .3s ease;border-radius:1px}.mobile-menu{display:none;position:absolute;top:100%;right:0;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;min-width:120px;z-index:1000;box-shadow:0 4px 12px #0000004d}.mobile-menu.show{display:block}.mobile-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem;background:none;border:none;color:#fff;font-size:.85rem;cursor:pointer;border-radius:4px;transition:background .2s ease;text-align:left;text-decoration:none}.mobile-menu-item:hover{background:#ffffff1a}.mobile-menu-item.mobile-signout{color:#ef4444}.mobile-menu-item.mobile-signout:hover{background:#ef44441a}.mobile-menu-btn{display:flex}.nav-links #navSignIn,.nav-links #navSignUp,.nav-links #navHelp,.nav-links #navSignOut{display:none!important}@media(max-width:768px){nav{padding:.8rem 1rem;position:relative}.nav-links{gap:.8rem}.nav-links a{display:none}}@media(max-width:480px){nav{padding:.6rem .8rem}.logo{font-size:1.2rem}.nav-links{gap:.6rem}.nav-links .btn{padding:.4rem .8rem;font-size:.7rem}}@media(max-width:375px){nav{padding:.5rem .6rem}.logo{font-size:1.1rem}.nav-links{gap:.4rem}.nav-links .btn{padding:.3rem .6rem;font-size:.65rem}}@media(max-width:480px){nav{padding:.5rem .75rem}.logo-text{font-size:1rem}.nav-links{gap:.25rem}.nav-links a{display:none}.btn{padding:.4rem .8rem;font-size:.7rem;border-radius:15px}.help-btn{padding:.3rem .6rem}.help-btn .icon{font-size:.7rem}#navSignIn,#navSignUp{padding:.4rem .6rem}#navSignOut{padding:.3rem .6rem;font-size:.65rem}}@media(max-width:375px){.logo-text{font-size:.9rem}.nav-links{gap:.2rem}.btn{padding:.3rem .6rem;font-size:.65rem}.help-btn{padding:.25rem .5rem}.help-btn .icon{font-size:.6rem}#navSignOut{padding:.25rem .5rem;font-size:.6rem}}