.logout-button{color:#333;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;font-weight:500}.logout-button:hover{color:#000;text-decoration:underline}.profile-button{color:#333;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;font-weight:500;text-decoration:none;display:inline-block}.profile-button:hover{color:#000;text-decoration:underline}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background-color:rgba(255,255,255,.9);border-bottom:1px solid rgba(226,232,240,.8);justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;font-family:Arial,sans-serif;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.navbar-left,.navbar-right{align-items:center;display:flex}.navbar-brand{align-items:center;height:40px;margin-right:2rem;text-decoration:none;display:flex}.navbar-brand img,.navbar-brand span img,.navbar-brand>span{object-fit:contain;width:auto;height:100%;display:block}.navbar-brand>span{align-items:center;height:40px;display:flex}.navbar-links{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.navbar-links li a{color:#2563eb;border:1px solid #2563eb;border-radius:999px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.navbar-links li a:hover{color:#1e40af;background:rgba(37,99,235,.05);border-color:#1e40af;text-decoration:none}.signup-button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:4px;margin-left:2rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .3s}.signup-button:hover{background-color:#333}.navbar-user-dropdown{cursor:pointer;position:relative}.navbar-user-name{background:linear-gradient(120deg,#2563eb,#3b82f6);-webkit-text-fill-color:transparent;white-space:nowrap;will-change:background;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:600;display:inline-block;position:relative}.navbar-user-dropdown:hover .navbar-user-name{background:linear-gradient(120deg,#2563eb,#3b82f6,#60a5fa,#3b82f6,#2563eb) 0 0/400% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite gradient-move}@keyframes gradient-move{0%{background-position:0%}to{background-position:400%}}.navbar-dropdown{z-index:1000;background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:12px;min-width:160px;animation:.2s ease-out dropdown-fade-in;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.15),0 0 20px rgba(0,0,0,.1)}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar-dropdown-item{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;border-bottom:1px solid rgba(226,232,240,.5);align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .15s;display:flex}.navbar-dropdown-icon{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.navbar-dropdown-icon svg{width:100%;height:100%}.navbar-dropdown-item:hover .navbar-dropdown-icon{color:#0f172a}.navbar-dropdown-item--logout .navbar-dropdown-icon{color:#dc2626}.navbar-dropdown-item--logout:hover .navbar-dropdown-icon{color:#b91c1c}.navbar-dropdown-item:last-child{border-bottom:none}.navbar-dropdown-item:hover{color:#0f172a;background-color:rgba(241,245,249,.8)}.navbar-dropdown-item--logout{color:#dc2626}.navbar-dropdown-item--logout:hover{color:#b91c1c;background-color:rgba(254,242,242,.8)}