@import "https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap";
*{margin:0;padding:0}
.main-navbar{z-index:1000;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;height:76px;transition:background-color .2s;position:sticky;top:0;box-shadow:0 2px 10px #0000000a}.main-navbar.is-home{width:100%;box-shadow:none;background-color:#0000;border-bottom:none;position:absolute;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1280px;height:100%;margin:0 auto;padding:0 24px;display:flex}.navbar-brand-wrapper{align-items:center;height:100%;transition:opacity .2s;display:flex}.main-navbar.is-home .navbar-brand-wrapper{opacity:0;pointer-events:none}.navbar-brand{align-items:center;height:100%;text-decoration:none;display:flex}.navbar-brand-logo{object-fit:contain;width:auto;max-width:300px;height:clamp(38px,6vw,54px);transition:opacity .2s,transform .2s;display:block}.navbar-brand:hover .navbar-brand-logo{opacity:.9;transform:scale(1.02)}.navbar-auth-group{align-items:center;gap:16px;display:flex}.navbar-user-name{color:#64748b;font-size:14px;font-weight:500}.navbar-user-name.is-home{color:#fff}.nav-login-btn,.nav-logout-btn{color:#193563;cursor:pointer;background:0 0;border:none;border-radius:0;padding:8px 12px;font-family:Archivo Black,sans-serif;font-size:14px;text-decoration:none;transition:opacity .2s,color .2s}.main-navbar.is-home .nav-login-btn,.main-navbar.is-home .nav-logout-btn{color:#fff}.nav-register-btn{color:#fff;background:#ff6000;border-radius:6px;padding:8px 18px;font-family:Archivo Black,sans-serif;font-size:14px;text-decoration:none;transition:opacity .2s,background-color .2s}.nav-login-btn:hover,.nav-logout-btn:hover{opacity:.85}.nav-register-btn:hover{opacity:.95;background:#e55600}@media (max-width:768px){.main-navbar{height:68px}.navbar-container{padding:0 16px}.navbar-brand-logo{max-width:220px;height:clamp(30px,7vw,42px)}}