.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 40px}.navbar{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:0;position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:1000;width:100%}.navbar .logo,.navbar-container .logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;flex-shrink:0;margin-left:0;margin-right:auto}.logo img{height:50px;width:auto}.nav-links{display:flex;gap:40px;justify-content:center;flex:1 1;text-align:center}.nav-links a{color:#333;text-decoration:none;font-size:18px}.actions{display:flex;gap:12px;flex-shrink:0;margin-left:auto;align-items:center}.btn{padding:11px 24px;border-radius:10px;border:none;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s ease;font-family:inherit}.btn-login{background:transparent;color:#374151;border:1.5px solid #e5e7eb;font-weight:600}.btn-login:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.btn-signup{background:#6366f1;color:#ffffff;border:1.5px solid transparent;box-shadow:0 2px 8px rgba(99,102,241,.2)}.btn-signup:hover{background:#4f46e5;box-shadow:0 4px 12px rgba(99,102,241,.3);transform:translateY(-1px)}.btn-signup:active{transform:translateY(0)}.btn.get-started{background:#6366f1;color:#fff;border:1.5px solid transparent;box-shadow:0 2px 8px rgba(99,102,241,.2)}.btn.get-started:hover{background:#4f46e5;box-shadow:0 4px 12px rgba(99,102,241,.3);transform:translateY(-1px)}.btn.get-started:active{transform:translateY(0)}.hamburger-menu{display:none;flex-direction:column;justify-content:center;align-items:center;width:32px;height:36px;background:transparent;border:none;cursor:pointer;padding:0}.hamburger-menu span{display:block;width:22px;height:3px;background-color:#333;border-radius:2px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;margin:2px 0}.hamburger-menu:hover span{background-color:#555}.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000;display:flex;justify-content:flex-end}.mobile-menu{width:260px;max-width:80%;height:100%;background:#ffffff;box-shadow:-2px 0 10px rgba(0,0,0,.12);padding:56px 20px 24px;display:flex;flex-direction:column;gap:16px;animation:slideInRight .25s ease-out}.mobile-menu-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:9999px;border:none;background:#f3f4f6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.mobile-menu a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:#111827;font-size:16px}.mobile-menu a:hover{background:#f3f4f6}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-menu-signup{display:block;width:100%;padding:10px 12px;border-radius:10px;text-decoration:none;color:#333;font-size:16px;background:#81EE7F;border:none;text-align:center;cursor:pointer;margin-top:16px;font-weight:500}.mobile-menu-signup:hover{background:#70dd6e}.mobile-menu-login{display:block;width:100%;padding:10px 12px;border-radius:10px;text-decoration:none;color:#333;font-size:16px;background:#FFBC80;border:none;text-align:center;cursor:pointer;margin-top:8px;font-weight:500}.mobile-menu-login:hover{background:#ffaa5f}.mobile-menu-logout{display:block;width:100%;padding:10px 12px;border-radius:10px;text-decoration:none;color:#dc2626;font-size:16px;background:transparent;border:none;text-align:left;cursor:pointer;margin-top:auto}.mobile-menu-logout:hover{background:#fee2e2}@media (max-width:768px){.navbar-container{padding:16px 20px}.actions{gap:10px}.btn{padding:10px 18px;font-size:14px}.logo img{height:32px}.user-avatar-navbar{width:36px!important;height:36px!important}.navbar.navbar-landing-home{position:fixed!important;top:0;left:0;right:0;z-index:1000}.navbar.navbar-landing-home .logo{display:none!important}.navbar.navbar-landing-home .navbar-container{justify-content:space-between;align-items:center;padding:14px 16px}.navbar.navbar-landing-home .navbar-landing-desktop-auth{display:none!important}.navbar.navbar-landing-home .actions{display:flex;flex-direction:row;align-items:center;gap:10px}.navbar.navbar-landing-home .navbar-landing-hero-left{flex:1 1;min-width:0}.navbar.navbar-landing-home .navbar-landing-menu-btn{margin-right:0}.navbar.navbar-landing-home .navbar-landing-menu-btn span{background-color:#ffffff;box-shadow:0 0 1px rgba(0,0,0,.25)}.navbar.navbar-landing-home{background:transparent!important;box-shadow:none!important}}.navbar-landing-hero-left{display:flex;align-items:center;gap:clamp(18px,2.5vw,36px);flex:1 1;min-width:0}.navbar-landing-desktop-menus{display:flex;align-items:center;gap:2px}@media (max-width:768px){.navbar-landing-desktop-menus{display:none}}.navbar-landing-dropdown{position:relative}.navbar-landing-nav-trigger{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border:none;border-radius:8px;background:transparent;color:rgba(255,255,255,.92);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s ease}.navbar.navbar-landing-home .navbar-landing-nav-trigger:hover{background:rgba(255,255,255,.08)}.navbar-landing-nav-chevron{font-size:9px;opacity:.8;line-height:1}.navbar-landing-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:210px;padding:6px 0;background:#fff;border-radius:12px;box-shadow:0 14px 48px rgba(0,0,0,.16);border:1px solid rgba(0,0,0,.06);z-index:1002}.navbar-landing-dropdown-panel a{display:block;padding:10px 16px;font-size:14px;color:#111827;text-decoration:none;transition:background .12s ease}.navbar-landing-dropdown-panel a:hover{background:#f3f4f6}.navbar-landing-get-started{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(24,33,31,.82);color:#f8fafc;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:filter .2s ease,transform .15s ease;box-shadow:0 4px 18px rgba(0,0,0,.24)}.navbar-landing-get-started:hover{filter:brightness(1.08)}.navbar-landing-right-wordmark{display:inline-block;text-decoration:none;color:#ffffff;font-size:16px;font-weight:560;letter-spacing:-.02em;text-transform:lowercase;font-family:var(--font-geist-sans),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.navbar-landing-spacer{flex:1 1}@media (min-width:769px){.navbar.navbar-landing-home{position:absolute!important;top:0;left:0;right:0;background:transparent!important;box-shadow:none!important;border:none!important}.navbar.navbar-landing-home .navbar-container{justify-content:space-between;padding:18px clamp(20px,3vw,40px)}.navbar.navbar-landing-home .navbar-landing-spacer{display:flex;align-items:center}.navbar.navbar-landing-home .actions{margin-left:auto;gap:14px}}.navbar-landing-wordmark{display:inline-block;text-decoration:none;font-size:clamp(15px,1.1vw,17px);font-weight:560;letter-spacing:-.03em;color:rgba(255,255,255,.96);text-transform:lowercase;font-family:var(--font-geist-sans),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;flex-shrink:0}.navbar-landing-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0;margin-right:4px}@media (max-width:768px){.navbar-landing-menu-btn{display:flex}.navbar.navbar-landing-home .navbar-landing-get-started,.navbar.navbar-landing-home .navbar-landing-right-wordmark{display:none}}@media (min-width:769px){.navbar-landing-drawer,.navbar-landing-drawer-overlay,.navbar-landing-menu-btn{display:none!important}}.navbar-landing-menu-btn span{display:block;width:22px;height:2.5px;background-color:#374151;border-radius:2px;margin:3px 0;transition:transform .2s ease,opacity .2s ease}.navbar-landing-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:999;animation:fadeIn .2s ease}.navbar-landing-drawer{position:fixed;top:0;right:0;width:280px;max-width:88%;height:100%;background:#fff;box-shadow:-2px 0 12px rgba(0,0,0,.15);z-index:1000;overflow-y:auto;padding:56px 20px 24px;animation:slideInRight .25s ease}.navbar-landing-drawer h4{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:20px 0 10px;padding:0}.navbar-landing-drawer h4:first-child{margin-top:0}.navbar-landing-drawer a{display:block;padding:10px 0;font-size:15px;color:#111827;text-decoration:none}.navbar-landing-drawer a:hover{color:#6366f1}.navbar-landing-drawer .drawer-copyright{margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb;font-size:12px;color:#9ca3af}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logout-menu{pointer-events:auto!important;z-index:9999!important}.logout-menu button{pointer-events:auto!important}.logout-menu button,.logout-menu button:hover{cursor:pointer!important}.logged-in-hero-top-bar{position:absolute;top:0;left:0;right:0;z-index:25;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:max(18px,env(safe-area-inset-top,0px)) clamp(20px,3vw,40px) 18px;pointer-events:none}.logged-in-hero-top-bar>*{pointer-events:auto}.logged-in-hero-top-bar .user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.45)}