@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;overflow-x:hidden;font-family:Space Grotesk,sans-serif;background-color:#050505;color:#fff}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;background:radial-gradient(circle at 50% 50%,#1a1a2e,#000)}.glass-panel{background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 30px #0000001a}.text-gradient{background:linear-gradient(to right,#4f46e5,#06b6d4,#d946ef);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradientMove 5s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glitch-wrapper{position:relative;display:inline-block}.glitch-wrapper:before,.glitch-wrapper:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-wrapper:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-wrapper:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(14px,9999px,127px,0)}to{clip:rect(12px,9999px,76px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,119px,0)}to{clip:rect(45px,9999px,33px,0)}}.timeline-line{position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#4f46e5,#d946ef,transparent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.project-card{position:relative;border-radius:20px}.project-card-inner{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:20px;overflow:hidden;height:100%;display:flex;flex-direction:column}.project-image-wrap{position:relative;aspect-ratio:16 / 9;overflow:hidden}.project-image-bg{width:100%;height:100%;background-size:cover;background-position:center}.project-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.2) 50%,transparent 100%);display:flex;align-items:flex-end;padding:20px;z-index:2}.project-number{position:absolute;top:16px;right:20px;font-size:3.5rem;font-weight:800;line-height:1;color:#ffffff0f;z-index:3;pointer-events:none;letter-spacing:-2px}.project-category-badge{display:inline-block;padding:4px 14px;background:#ec489926;border:1px solid rgba(236,72,153,.3);border-radius:100px;font-size:.68rem;font-weight:600;color:#f472b6;text-transform:uppercase;letter-spacing:.08em}.project-content{padding:24px;display:flex;flex-direction:column;flex:1}.project-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.02em}.project-description{font-size:.82rem;line-height:1.7;color:#ffffff80;margin:0 0 20px;flex:1}.project-tech-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.project-tech-pill{display:inline-block;padding:4px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:.7rem;font-weight:500;color:#ffffff8c;letter-spacing:.02em}.project-footer{padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.project-link{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:#fff9;text-decoration:none;letter-spacing:.01em}@media (max-width: 768px){.project-content{padding:18px}.project-title{font-size:1.2rem}.project-number{font-size:2.5rem}}.tech-icon:hover{transform:translateY(-5px);color:#d946ef}