:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-color:#0d0f14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass:rgba(23,25,35,.7);--glass-border:hsla(0,0%,100%,.1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass);border-bottom:1px solid var(--glass-border);height:80px;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-content{align-items:center;display:flex}.navbar-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.logo{align-items:center;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;gap:12px}.logo-icon{font-size:1.8rem}.logo-text span{color:var(--primary)}.nav-links{align-items:center;display:flex;gap:32px}.nav-item{color:var(--text-secondary);font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-item.router-link-active,.nav-item:hover{color:var(--text-primary)}.nav-item.router-link-active:after{background:var(--primary);border-radius:2px;bottom:-4px;content:"";height:2px;left:0;position:absolute;width:100%}.nav-btn{background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 15px #4f46e566;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.nav-btn:hover{background:var(--primary-hover);box-shadow:0 6px 20px #4f46e580;transform:translateY(-2px)}.main-content{display:flex;flex:1;flex-direction:column;margin-top:80px}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:6px;padding:4px;z-index:1001}.bar{background:var(--text-primary);height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.bar-1-active{transform:translateY(8px) rotate(45deg)}.bar-2-active{opacity:0}.bar-3-active{transform:translateY(-8px) rotate(-45deg)}@media(max-width:768px){.mobile-menu-toggle{display:flex}.nav-links{background:#0d0f14;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.nav-links-mobile{right:0}.nav-item{font-size:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main-content>*{animation:fadeIn .8s ease-out}