:root{--primary-color: #5865F2;--primary-hover: #4752c4;--navbar-bg: rgba(12, 12, 12, .85);--text-color: #fff;--accent-color: #00b3ff;--navbar-height: 70px;--container-max-width: 1200px}html,body{max-width:100%;overflow-x:hidden}.navbar{display:flex;justify-content:center;align-items:center;height:var(--navbar-height);width:100%;position:fixed;top:0;z-index:100;background-color:var(--navbar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #0003;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;--mouse-x: -300px;--mouse-y: -300px;box-sizing:border-box}.navbar-scrolled{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 6px 30px #0000004d}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(300px circle at var(--mouse-x) var(--mouse-y),rgba(88,101,242,.1),transparent 80%);z-index:-1;opacity:0;transition:opacity .3s ease}.navbar:hover:before{opacity:1}.navbar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);z-index:-2;animation:shimmer 8s linear infinite;background-size:200% 100%;background-position-x:150%}.navbar-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:var(--container-max-width);height:100%;position:relative;z-index:1;padding:0 2rem;transition:all .3s ease}.navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;transition:all .3s ease}.navbar-logo-image{width:50px;height:50px;border-radius:8px;transition:all .3s ease}.navbar-logo:hover .navbar-logo-image{transform:rotate(10deg)}.navbar-title{font-family:Poppins,sans-serif;font-weight:700;font-size:24px;color:var(--text-color);background:linear-gradient(135deg,#5865f2,#00b3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;letter-spacing:1px;transition:all .3s ease}.navbar-nav{display:flex;gap:1.5rem;list-style:none;align-items:center;margin:0;padding:0}.nav-item{position:relative}.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;position:relative;padding:8px 16px;font-size:14px;transition:all .3s ease;white-space:nowrap;border-radius:6px}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:2px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .3s ease;border-radius:5px}.nav-link:hover:after,.nav-link.active:after{width:80%}.nav-link:hover,.nav-link.active{color:var(--accent-color);background:#ffffff0d}.store-link{position:relative}.coming-soon-text{position:absolute;top:-15px;right:-15px;background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;font-size:.6rem;padding:3px 6px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.store-link:hover .coming-soon-text{opacity:1;visibility:visible}.mobile-toggle{display:none;background:linear-gradient(135deg,#ffffff1a,#5865f214);border:1px solid rgba(255,255,255,.15);color:var(--text-color);font-size:18px;cursor:pointer;padding:8px;border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.mobile-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1a,#5865f21a);opacity:0;transition:opacity .3s ease;border-radius:inherit}.mobile-toggle:hover{background:linear-gradient(135deg,#ffffff26,#5865f21f);border-color:#5865f24d;transform:scale(1.08) rotate(5deg);box-shadow:0 8px 25px #5865f233,inset 0 1px #ffffff1a}.mobile-toggle:hover:before{opacity:1}.mobile-toggle:active{transform:scale(.95)}.mobile-toggle svg{width:18px;height:18px;transition:transform .3s ease;position:relative;z-index:1}.mobile-toggle:hover svg{transform:scale(1.1) rotate(-5deg)}.mobile-nav{position:fixed;top:0;right:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#08080afa,#141419fa 40%,#5865f20a);backdrop-filter:blur(25px) saturate(1.8);-webkit-backdrop-filter:blur(25px) saturate(1.8);z-index:2000;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;display:flex;flex-direction:column;padding:2.5rem 2rem;overflow-y:auto;box-sizing:border-box;contain:layout paint}.mobile-nav-close{color:var(--text-color);background:linear-gradient(135deg,#ffffff1a,#ff65611a);border:1px solid rgba(255,255,255,.15);font-size:20px;cursor:pointer;padding:14px;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:52px;height:52px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.mobile-nav-close:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff65611a,#ffffff0d);opacity:0;transition:opacity .3s ease;border-radius:inherit}.mobile-nav-close:hover{transform:rotate(90deg) scale(1.1);background:linear-gradient(135deg,#ffffff26,#ff656126);border-color:#ff656166;box-shadow:0 8px 25px #ff656133}.mobile-nav-close:hover:before{opacity:1}.mobile-nav-close:active{transform:rotate(90deg) scale(.95)}.mobile-nav-close svg{width:22px;height:22px;position:relative;z-index:1;transition:transform .3s ease}.mobile-nav-close:hover svg{transform:scale(1.1)}.mobile-nav-list{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;list-style:none;padding:0;margin-top:4rem;flex:1}.mobile-nav-separator{height:1px;width:100%;background:#ffffff1f;margin:6px 0;border-radius:2px}.mobile-nav-item{width:100%}.mobile-nav-link{color:var(--text-color);text-decoration:none;font-weight:600;font-size:18px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;padding:1.2rem 1.8rem 1.2rem 2.2rem;display:flex;align-items:center;border-radius:16px;background:linear-gradient(135deg,#ffffff08,#5865f205);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);margin-bottom:.8rem;overflow:visible;letter-spacing:.5px}.mobile-soon-badge{margin-left:auto;padding:2px 8px;border-radius:8px;background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.mobile-nav-link svg{width:20px;height:20px;flex-shrink:0;opacity:.9;margin-right:12px}.mobile-nav-link span{display:inline-block}.mobile-nav-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(135deg,#5865f21f,#00b3ff14);opacity:0;transition:opacity .35s ease;pointer-events:none}.mobile-nav-link:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.mobile-nav-link:hover:before,.mobile-nav-link.active:before{opacity:1}.mobile-nav-link:hover:after{left:100%}.mobile-nav-link:hover,.mobile-nav-link.active{color:#fff;background:linear-gradient(135deg,#5865f226,#00b3ff1a);border-color:#5865f266;transform:translate(8px) translateY(-2px);box-shadow:0 12px 35px #5865f240,inset 0 1px #ffffff1a;text-shadow:0 0 10px rgba(255,255,255,.3)}.closed-menu{transform:translate(100%);opacity:0;visibility:hidden}.profile-container{display:flex;align-items:center;margin-left:1rem}.profile-pic{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px #00000026;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.profile-pic:hover{transform:scale(1.1);border-color:var(--accent-color)}@media (max-width: 1200px){.navbar-content{max-width:100%;padding:0 1.5rem}.navbar-nav{gap:1.2rem}.nav-link{padding:8px 12px;font-size:.95rem}}@media (max-width: 768px){.mobile-toggle{display:flex}.navbar-nav{display:none}.navbar-content{padding:0 1rem}}@media (max-width: 768px){.navbar{height:60px}.navbar-title{font-size:20px}.mobile-nav{padding:1.5rem}.mobile-nav-link{font-size:16px;padding:.8rem 1.2rem}}@media (max-width: 480px){.navbar-content{padding:0 .8rem}.navbar-title{font-size:2rem;letter-spacing:1px}.navbar-logo{gap:8px}.mobile-nav{padding:1rem;left:0;right:0;width:100%}.mobile-nav-close{width:40px;height:40px;padding:8px}.mobile-nav-link{font-size:14px;padding:10px 16px}}@media (max-width: 360px){.navbar-title{font-size:18px}.navbar-logo-image{width:30px;height:30px}.mobile-nav-link{font-size:13px}}@keyframes shimmer{0%{background-position-x:150%}to{background-position-x:-50%}}@media (max-width: 991px){.mobile-nav-link:focus{outline:2px solid var(--accent-color);outline-offset:2px}.mobile-nav-close:focus{outline:2px solid var(--accent-color);outline-offset:2px}.mobile-toggle:focus{outline:2px solid var(--accent-color);outline-offset:2px}}.sidebar-dock{position:fixed;top:0;left:0;height:100vh;width:60px;background:#121212f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.08);z-index:1000;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:2px 0 10px #0000001a;will-change:width,box-shadow}.sidebar-dock,.sidebar-dock *{box-sizing:border-box}.sidebar-dock:hover{width:200px;box-shadow:4px 0 20px #00000026}.sidebar-dock,.dock-link svg,.dock-text,.dock-badge{transition-timing-function:cubic-bezier(.4,0,.2,1)}.dock-link svg,.dock-text,.dock-badge{transition-delay:.12s}.sidebar-dock:hover .dock-link svg,.sidebar-dock:hover .dock-text,.sidebar-dock:hover .dock-badge{transition-delay:0ms}.dock-container{display:flex;flex-direction:column;height:100%;padding:20px 0}.dock-header{display:flex;justify-content:center;align-items:center;margin-bottom:30px;padding:0 10px}.dock-logo{width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dock-logo:hover{transform:scale(1.25)}.dock-logo-img{width:40px;height:40px;border-radius:8px}.dock-nav{display:flex;flex-direction:column;gap:8px;flex:1;padding:0 10px}.dock-bottom{margin-top:auto;padding:0}.dock-link{display:flex;align-items:center;padding:12px 10px;border-radius:8px;color:#ffffffb3;text-decoration:none;font-weight:500;font-size:14px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;width:100%;min-width:44px;justify-content:flex-start}.dock-link svg{width:20px;height:20px;flex-shrink:0;margin-left:0;fill:currentColor;transition:margin-left .35s cubic-bezier(.4,0,.2,1);transition-delay:.12s}.sidebar-dock:hover .dock-link{justify-content:flex-start}.sidebar-dock:hover .dock-link svg{margin-left:0;transition-delay:0ms}.dock-link:hover{background:#ffffff1a;color:#fff}.dock-link.active{background:#5865f2;color:#fff}.dock-text{white-space:nowrap;opacity:0;transform:translate(-8px);transition:all .35s cubic-bezier(.4,0,.2,1);margin-left:12px;width:0;overflow:hidden;line-height:20px;will-change:opacity,transform,width}.sidebar-dock:hover .dock-text{opacity:1;transform:translate(0);width:auto}.dock-link:hover svg{transform:scale(1.05)}.dock-badge{display:inline-flex;align-items:center;white-space:nowrap;margin-left:8px;padding:2px 6px;border-radius:6px;background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;font-size:10px;font-weight:700;letter-spacing:.3px;opacity:0;transform:translate(-4px) scale(.85);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.sidebar-dock:hover .dock-badge{opacity:1;transform:translate(0) scale(1)}.dock-text{pointer-events:none}.dock-text:not(.force-show)~.dock-badge{opacity:0;transform:translate(-4px) scale(.85)}.sidebar-dock:hover .dock-text~.dock-badge{opacity:1;transform:translate(0) scale(1)}.navbar{display:none!important}@media (min-width: 769px){html body{padding-left:60px}}@media (max-width: 768px){.sidebar-dock{display:none}body{padding-left:0}}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:#0c0c0ce6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);z-index:3000}.mobile-topbar .bar-content{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.mobile-topbar .bar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.mobile-topbar .bar-logo img{width:36px;height:36px;border-radius:8px}.mobile-topbar .bar-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#5865f2,#00b3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.mobile-topbar{display:block}}@media (max-width: 768px){.mobile-topbar{position:fixed;top:0}}.dock-separator{height:1px;background:transparent;margin:8px 6px;border-radius:2px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;align-self:center;width:48px}.dock-separator:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#fff6;border-radius:50%;opacity:1;transition:all .35s cubic-bezier(.4,0,.2,1)}.sidebar-dock:hover .dock-separator{margin:8px 16px;background:#ffffff26;width:calc(100% - 32px)}.sidebar-dock:hover .dock-separator:before{opacity:0;transform:translate(-50%,-50%) scale(0)}*{transition-property:background-color,color,border-color,box-shadow;transition-duration:.3s;transition-timing-function:ease}.no-scroll{position:fixed;overflow:hidden;width:100%}