.navbar{backdrop-filter:blur(10px);padding:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{background:hsla(0,0%,100%,.98);box-shadow:0 4px 32px rgba(0,0,0,.08);left:0;position:fixed;right:0;top:0}.dark-mode .logo-black,.light-mode .logo-white{display:none}.light-mode .navbar{background:hsla(0,0%,100%,.95);border-bottom:1px solid rgba(226,232,240,.8)}.dark-mode .navbar{background:rgba(15,23,42,.95);border-bottom:1px solid rgba(71,85,105,.8)}.dark-mode .navbar.scrolled{background:rgba(15,23,42,.98);box-shadow:0 4px 32px rgba(0,0,0,.3)}.nav-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo-section,.nav-container{align-items:center;display:flex}.logo-section{gap:4px}.logo{margin-top:7px;transition:all .2s ease}.logo-black{width:52px}.logo-white{margin-right:7px;width:22px}.logo-text{color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.5px;text-decoration:none;transition:color .2s ease}.logo-text:hover{color:#3b82f6}.dark-mode .logo-text{color:#f1f5f9}.dark-mode .logo-text:hover{color:#60a5fa}.navbar .nav-links{align-items:center;display:flex;gap:32px;list-style:none}.navbar .nav-links a{color:#64748b;font-size:15px;font-weight:500;position:relative;text-decoration:none;transition:all .2s ease}.navbar .nav-links a.active,.navbar .nav-links a:hover{color:#3b82f6}.navbar .nav-links a.active:after{width:100%}.navbar .nav-links a.active:after,.navbar .nav-links a:after{background:#3b82f6;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .2s ease}.navbar .nav-links a:after{width:0}.navbar .nav-links a:hover:after{width:100%}.dark-mode .nav-links a{color:#94a3b8}.dark-mode .navbar .nav-links a:hover{color:#60a5fa}.dark-mode .navbar .nav-links a:after{background:#60a5fa}.auth-section{align-items:center;display:flex;gap:16px}.auth-link{border-radius:6px;color:#64748b;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.auth-link.login{background:transparent}.auth-link.login:hover{background:#f1f5f9;color:#3b82f6}.auth-link.register{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff!important;font-weight:600}.auth-link.register:hover{box-shadow:0 4px 16px rgba(59,130,246,.3);transform:translateY(-1px)}.dark-mode .auth-link{color:#94a3b8}.dark-mode .auth-link.login:hover{background:rgba(51,65,85,.8);color:#60a5fa}.dark-mode .auth-link.register{background:linear-gradient(135deg,#2563eb,#1e40af)}.dark-mode .auth-link.register:hover{box-shadow:0 4px 16px rgba(37,99,235,.4)}.mobile-menu-btn{background:none;border:none;border-radius:6px;cursor:pointer;display:none;padding:8px;transition:all .2s ease}.mobile-menu-btn:hover{background:#f1f5f9}.mobile-menu-btn span{background:#64748b;display:block;height:2px;margin:4px 0;transition:all .3s ease;width:20px}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.dark-mode .mobile-menu-btn:hover{background:rgba(51,65,85,.8)}.dark-mode .mobile-menu-btn span{background:#94a3b8}.mobile-menu{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.98);border-bottom:1px solid #e2e8f0;box-shadow:0 8px 32px rgba(0,0,0,.1);display:none;flex-direction:column;gap:24px;left:0;padding:24px 20px;position:fixed;right:0;top:64px}.mobile-menu.active{display:flex}.dark-mode .mobile-menu{background:rgba(15,23,42,.98);border-bottom:1px solid #334155;box-shadow:0 8px 32px rgba(0,0,0,.4)}.mobile-nav-links{display:flex;flex-direction:column;gap:20px;list-style:none}.mobile-nav-links a{border-bottom:1px solid #f1f5f9;color:#374151;font-size:16px;font-weight:500;padding:12px 0;text-decoration:none;transition:all .2s ease}.mobile-nav-links a:hover{color:#3b82f6;padding-left:8px}.dark-mode .mobile-nav-links a{border-bottom:1px solid #334155;color:#cbd5e1}.dark-mode .mobile-nav-links a:hover{color:#60a5fa}.mobile-auth-section{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;padding-top:20px}.mobile-auth-section .auth-link{font-size:15px;padding:12px 16px;text-align:center}.dark-mode .mobile-auth-section{border-top:1px solid #334155}@media (max-width:768px){.auth-section,.nav-links{display:none}.mobile-menu-btn{display:block}.nav-container{padding:0 16px}.logo{height:28px}.logo-text{font-size:20px}}.theme-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;height:30px;margin-right:16px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.theme-toggle:hover{box-shadow:0 4px 16px rgba(102,126,234,.3);transform:translateY(-1px)}.theme-toggle:active{transform:scale(.95)}.theme-toggle-inner{height:100%;position:relative;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.theme-icon{height:22px;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);width:22px}.theme-icon svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:100%;width:100%}.sun-icon{left:4px;opacity:1;transform:translateY(-50%) rotate(0deg) scale(1)}.moon-icon{opacity:0;right:4px;transform:translateY(-50%) rotate(180deg) scale(.5)}.dark-mode .theme-toggle{background:linear-gradient(135deg,#1e293b,#334155)}.dark-mode .theme-toggle:hover{box-shadow:0 4px 16px rgba(30,41,59,.4)}.dark-mode .theme-toggle .sun-icon{opacity:0;transform:translateY(-50%) rotate(-180deg) scale(.5)}.dark-mode .theme-toggle .moon-icon{opacity:1;transform:translateY(-50%) rotate(0deg) scale(1)}.theme-toggle-alt{background:#e2e8f0;border:none;border-radius:30px;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;height:30px;margin-right:16px;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.theme-toggle-alt:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-1px)}.theme-toggle-alt:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:24px;left:3px;position:absolute;top:3px;transition:all .4s cubic-bezier(.4,0,.2,1);width:24px}.theme-toggle-alt .theme-icon{height:16px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:16px;z-index:1}.theme-toggle-alt .theme-icon svg{height:100%;width:100%}.theme-toggle-alt .sun-icon{color:#fbbf24;left:7px;opacity:1}.theme-toggle-alt .moon-icon{color:#64748b;opacity:0;right:7px}.dark-mode .theme-toggle-alt{background:#334155}.dark-mode .theme-toggle-alt:before{background:#1e293b;transform:translateX(30px)}.dark-mode .theme-toggle-alt .sun-icon{opacity:0}.dark-mode .theme-toggle-alt .moon-icon{color:#fbbf24;opacity:1}@media (max-width:768px){.theme-toggle,.theme-toggle-alt{height:26px;margin-right:12px;width:50px}.theme-toggle .theme-icon,.theme-toggle-alt .theme-icon{height:18px;width:18px}.theme-toggle-alt:before{height:20px;width:20px}.dark-mode .theme-toggle-alt:before{transform:translateX(24px)}}.mobile-auth-section .theme-toggle,.mobile-auth-section .theme-toggle-alt{align-self:center;margin:12px 0}.sun-icon .sun-body{fill:#ff8c00}.sun-icon .sun-rays{stroke:#ff8c00;stroke-width:2;stroke-linecap:round;fill:none}