.navbar{background:var(--terracotta);z-index:1000;box-shadow:var(--shadow-lg);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar.navbar-pro{background:var(--dark-blue)}.logo{color:var(--white);align-items:center;gap:.3rem;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700;text-decoration:none;display:flex}.logo-marker{background:var(--white);border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:28px;height:28px;margin:0 -2px;display:inline-flex;transform:rotate(-45deg)}.logo-marker i{color:var(--terracotta);font-size:.9rem;transform:rotate(45deg)}.navbar-pro .logo-marker i{color:var(--dark-blue)}.logo-tag{background:var(--terracotta);color:var(--white);text-transform:uppercase;letter-spacing:1px;border-radius:4px;margin-left:5px;padding:2px 8px;font-size:.8rem}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--white);opacity:.9;font-weight:500;text-decoration:none;transition:opacity .3s}.nav-links a:hover{opacity:1}.navbar .btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.navbar .btn.btn-primary{background:var(--sage);color:var(--white);opacity:1}.navbar .btn.btn-primary:hover{background:var(--dark-blue);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.navbar .btn.btn-pro-link{background:var(--terracotta);color:var(--white);opacity:1}.navbar .btn.btn-pro-link:hover{background:var(--dark-blue);color:var(--white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.navbar .btn.btn-secondary{color:var(--white);border:2px solid var(--white);opacity:1;background:0 0}.navbar .btn.btn-secondary:hover{background:var(--white);color:var(--dark-blue)}.navbar .btn.btn-terracotta{background:var(--terracotta);color:var(--white);opacity:1}.navbar .btn.btn-terracotta:hover{background:var(--terracotta-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.profile-menu-container{position:relative}.profile-btn{cursor:pointer;background:#ffffff26;border:2px solid #ffffff4d;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .75rem .4rem .4rem;transition:all .2s;display:flex}.profile-btn:hover,.profile-btn.active{background:#ffffff40;border-color:#ffffff80}.profile-avatar{background:var(--white);width:32px;height:32px;color:var(--terracotta);border-radius:50%;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;display:flex}.navbar-pro .profile-avatar{color:var(--dark-blue)}.profile-chevron{color:var(--white);font-size:.7rem;transition:transform .2s}.profile-chevron.rotated{transform:rotate(180deg)}.profile-dropdown{background:var(--white);z-index:1001;border-radius:12px;min-width:220px;animation:.2s dropdownFadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #0003}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{background:var(--cream);padding:1rem}.profile-email{color:var(--dark-blue);word-break:break-all;font-size:.85rem;font-weight:500}.profile-dropdown-divider{background:#eee;height:1px}.profile-dropdown-item,.nav-links .profile-dropdown-item{cursor:pointer;text-align:left;opacity:1;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;color:var(--dark-blue)!important}.profile-dropdown-item:hover{background:var(--cream)}.profile-dropdown-item i{width:18px;color:var(--sage);font-size:.9rem}.profile-dropdown-item.logout,.nav-links .profile-dropdown-item.logout{color:var(--terracotta)!important}.profile-dropdown-item.logout i{color:var(--terracotta)}.profile-dropdown-item.logout:hover{background:#fff0f0}.mobile-menu-btn{color:var(--white);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}@media (max-width:768px){.navbar{padding:1rem}.nav-links{display:none}.mobile-menu-btn{display:block}.profile-menu-container{display:none}}