.projects-container{background:#0a0a0a;min-height:100vh;position:relative;overflow-x:hidden}.projects-canvas{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.projects-content{z-index:2;padding-top:100px;position:relative}.project-card{transition:all .3s}.project-card:hover{transform:translateY(-8px)}.filter-btn{transition:all .3s}.filter-btn.active{color:#fff;background:linear-gradient(45deg,#00a8ff,#9c88ff)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0a0a0ae6;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;display:flex;position:fixed;top:0}.nav-brand h2{background:linear-gradient(45deg,#00a8ff,#9c88ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:#fff;text-decoration:none;transition:color .3s;position:relative}.nav-links a:hover,.nav-links a.active{color:#00a8ff}.nav-links a:after{content:"";background:#00a8ff;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.filter-buttons{flex-direction:column}.nav-links{display:none}}@media (max-width:480px){.project-stats{flex-direction:column;gap:1rem}.cta-buttons{flex-direction:column}}