@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.layout{min-height:100vh;display:flex;flex-direction:column;background-color:#0b0e14}.navbar{background:rgba(11,14,20,.95);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 1px 3px rgba(0,0,0,.3);position:sticky;top:0;z-index:100}.navbar-content{max-width:var(--max-content-width-wide);margin:0 auto;padding:0 32px;justify-content:space-between;height:var(--navbar-height)}.navbar-brand,.navbar-content{display:flex;align-items:center;position:relative}.navbar-brand{text-decoration:none;letter-spacing:-.4px;gap:12px;transition:all .3s ease;padding:8px 12px;border-radius:10px}.navbar-brand:hover{background:rgba(0,227,150,.1);transform:translateX(2px)}.navbar-brand img{transition:transform .3s ease}.navbar-brand:hover img{transform:scale(1.05) rotate(2deg)}.navbar-brand span{color:#e2e8f0;font-weight:800;font-size:22px;letter-spacing:-.5px;font-family:Space Grotesk,sans-serif}.navbar-links{display:flex;gap:4px;align-items:center;padding:0;background:transparent;border:none}.nav-link{text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-content{flex:1;width:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.nav-link{border-radius:10px!important;font-weight:600!important;font-size:14px!important;padding:10px 16px!important;position:relative;overflow:hidden}.nav-link.bg-blue-600{background:rgba(0,227,150,.12)!important;color:#00e396!important;border:none!important}.nav-link:not(.bg-blue-600):hover{background:rgba(255,255,255,.06)!important;color:#e2e8f0!important}.mobile-menu-button{display:none;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;padding:10px;color:#e2e8f0;z-index:101;transition:all .3s ease}.mobile-menu-button:hover{background:rgba(255,255,255,.1);border-color:rgba(0,227,150,.3);transform:scale(1.05)}.mobile-menu-button svg{width:24px;height:24px;transition:transform .3s ease}@media (max-width:1023px){.navbar-links{gap:6px}.nav-link{padding:8px 10px!important;font-size:13px!important}}@media (min-width:768px) and (max-width:1023px){.navbar-content{padding:0 24px}.navbar-brand span{font-size:20px!important}.nav-link{padding:10px 14px!important;font-size:13px!important}}@media (max-width:767px){.navbar,.navbar-content{height:var(--navbar-height-mobile)}.navbar-content{padding:0 20px}.navbar-brand span{font-size:18px!important;color:#e2e8f0}.navbar-brand img{width:32px!important;height:32px!important}.mobile-menu-button{display:block}.navbar-links{position:fixed;top:var(--navbar-height-mobile);left:0;right:0;background:rgba(11,14,20,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px rgba(0,0,0,.4);flex-direction:column;align-items:stretch;padding:16px;gap:8px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:99;border-radius:0 0 16px 16px}.navbar-links.mobile-open{transform:translateY(0);opacity:1;visibility:visible}.nav-link{width:100%;padding:12px 16px!important;border-radius:10px;justify-content:flex-start}.nav-text{display:inline!important}}@media (max-width:480px){.navbar,.navbar-content{height:var(--navbar-height-xs)}.navbar-content{padding:0 12px}.navbar-brand span{font-size:16px!important}.navbar-brand img{width:28px!important;height:28px!important}}