:root{--nav-bg-glass: rgba(15, 23, 42, .7);--nav-border: rgba(255, 255, 255, .1);--nav-card: #1e293b;--nav-gold: #facc15;--nav-text: #e5e7eb;--nav-dim: #9ca3af}*{margin:0;padding:0;box-sizing:border-box}.resize-animation-stopper *{animation:none!important;transition:none!important}.nav-wrapper{position:fixed;top:15px;left:50%;transform:translate(-50%);width:95%;max-width:1200px;height:70px;background:var(--nav-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--nav-border);border-radius:100px;display:flex;align-items:center;z-index:9999;box-shadow:0 10px 30px #0003;transition:all .3s ease}.nav-container{width:100%;padding:0 25px;display:flex;align-items:center}.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;z-index:10}.nav-logo-img{height:35px;transition:transform .3s ease}.nav-logo:hover .nav-logo-img{transform:scale(1.1) rotate(-5deg)}.nav-logo-text{color:var(--nav-gold);font-weight:800;font-size:1.3rem;letter-spacing:.5px}.nav-mobile-toggle{display:none;margin-left:auto;font-size:24px;color:#fff;cursor:pointer;z-index:10;transition:.3s}.nav-mobile-toggle:hover{color:var(--nav-gold)}.nav-menu{display:flex;align-items:center;width:100%}.nav-menu-center{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:10px;background:#ffffff08;padding:5px;border-radius:50px;border:1px solid rgba(255,255,255,.05)}.nav-link{color:var(--nav-dim);text-decoration:none;padding:8px 18px;border-radius:50px;font-weight:500;font-size:.95rem;transition:all .3s ease;position:relative}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.active{color:#000;background:var(--nav-gold);font-weight:600;box-shadow:0 0 15px #facc1566}.nav-menu-right{margin-left:auto;display:flex;align-items:center}.nav-btn-login{padding:8px 24px;border-radius:50px;background:var(--nav-gold);color:#000;font-weight:600;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:8px}.nav-btn-login:hover{transform:translateY(-2px);box-shadow:0 5px 15px #facc154d}.nav-user-dropdown{position:relative}.nav-btn-user{padding:8px 20px;border-radius:50px;border:1px solid rgba(250,204,21,.5);background:#facc151a;color:var(--nav-gold);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.nav-btn-user:hover{background:var(--nav-gold);color:#000}.nav-dropdown{display:none;position:absolute;right:0;top:calc(100% + 15px);background:#1e293bd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--nav-border);border-radius:16px;overflow:hidden;min-width:200px;box-shadow:0 10px 25px #0000004d;opacity:0;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.show{display:block;opacity:1;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--nav-text);text-decoration:none;width:100%;border:none;background:none;text-align:left;font-size:.95rem;font-weight:500;cursor:pointer;transition:.2s}.dropdown-item:hover{background:#ffffff1a;color:#fff}.logout-btn{color:#ef4444}.logout-btn:hover{background:#ef44441a;color:#f87171}@media(max-width:860px){.nav-wrapper{top:10px;width:96%;border-radius:16px}.nav-mobile-toggle{display:block}.nav-menu{position:absolute;top:85px;left:0;width:100%;background:#0f172af2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--nav-border);border-radius:16px;flex-direction:column;padding:20px;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 20px 40px #00000080}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu-center{position:static;transform:none;flex-direction:column;background:transparent;border:none;padding:0;width:100%;gap:8px}.nav-link{width:100%;text-align:center;padding:12px;border-radius:12px}.nav-menu-right{width:100%;margin-left:0;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);justify-content:center}.nav-btn-login,.nav-btn-user{width:100%;justify-content:center;padding:12px;font-size:1rem}.nav-dropdown{position:static;width:100%;margin-top:10px;box-shadow:none;border:1px solid rgba(255,255,255,.05);background:#0003}}