@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(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.2);position:sticky;top:0;z-index:100;transition:all .3s ease}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,227,150,.3),transparent)}.navbar-content{max-width:1400px;margin:0 auto;padding:0 32px;justify-content:space-between;height:72px}.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:6px;align-items:center;padding:4px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.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:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,227,150,.2),rgba(96,165,250,.2));opacity:0;transition:opacity .3s ease;border-radius:10px;z-index:-1}.nav-link.bg-blue-600{background:rgba(0,227,150,.2)!important;color:#00e396!important;border:1px solid rgba(0,227,150,.3)!important;box-shadow:0 4px 12px rgba(0,227,150,.15),0 2px 4px rgba(0,227,150,.1);transform:translateY(-1px)}.nav-link.bg-blue-600:before{opacity:1}.nav-link:not(.bg-blue-600):hover{background:rgba(255,255,255,.1)!important;color:#e2e8f0!important;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.nav-link:not(.bg-blue-600):hover:before{opacity:.1}.nav-link svg{transition:transform .3s ease}.nav-link:hover svg{transform:scale(1.1)}.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{height:60px}.navbar-content{padding:0 20px;height:60px}.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:60px;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-content{padding:0 12px;height:56px}.navbar-brand span{font-size:16px!important}.navbar-brand img{width:28px!important;height:28px!important}}