@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-primary:#050508;--bg-secondary:#0a0a0f;--bg-tertiary:#111118;--glass-bg:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.08);--glass-hover:hsla(0,0%,100%,.06);--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.7);--text-tertiary:hsla(0,0%,100%,.5);--accent-cyan:#00d4ff;--accent-purple:#a855f7;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-orange:#f97316;--gradient-1:linear-gradient(135deg,#00d4ff,#a855f7 50%,#3b82f6);--gradient-2:linear-gradient(135deg,#10b981,#00d4ff);--gradient-3:linear-gradient(135deg,#f97316,#a855f7)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Space Grotesk,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;min-height:100vh}::selection{background:var(--accent-cyan);color:var(--bg-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.noise-overlay{top:0;left:0;width:100%;height:100%;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.gradient-blob,.noise-overlay{position:fixed;pointer-events:none}.gradient-blob{width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.15;z-index:0}.blob-1{top:-200px;right:-200px;background:var(--accent-cyan)}.blob-2{bottom:-200px;left:-200px;background:var(--accent-purple)}.blob-3{top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent-blue);opacity:.08}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--glass-hover);border-color:hsla(0,0%,100%,.15);transform:translateY(-4px)}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{font-family:Syne,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.section-subtitle{font-size:1rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.5rem}.container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width:768px){.container{padding:0 1rem}}.bento-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (min-width:1024px){.bento-grid{grid-template-columns:repeat(3,1fr)}}.bento-item{min-height:200px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.bento-item.large{grid-column:span 2}.bento-item.tall{grid-row:span 2}@media (max-width:768px){.bento-item.large,.bento-item.tall{grid-column:span 1;grid-row:span 1}}.skill-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;font-size:.875rem;color:var(--text-secondary);transition:all .3s ease}.skill-tag:hover{background:var(--glass-hover);color:var(--text-primary);border-color:var(--accent-cyan)}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--gradient-1);border:none;border-radius:100px;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;color:var(--bg-primary);cursor:pointer;transition:all .3s ease;text-decoration:none}.cta-button:hover{transform:scale(1.05);box-shadow:0 0 40px rgba(0,212,255,.4)}.cta-button-outline{background:transparent;border:2px solid var(--glass-border);color:var(--text-primary)}.cta-button-outline:hover{border-color:var(--accent-cyan);box-shadow:0 0 30px rgba(0,212,255,.2)}.timeline-line{position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent-cyan),var(--accent-purple),transparent)}.timeline-dot{position:absolute;left:-6px;top:0;width:14px;height:14px;border-radius:50%;background:var(--accent-cyan);border:3px solid var(--bg-primary);box-shadow:0 0 20px var(--accent-cyan)}.mono{font-family:JetBrains Mono,monospace}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}main{position:relative;z-index:1}.nav-blur{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(5,5,8,.8);border-bottom:1px solid var(--glass-border)}.project-card-accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-1);border-radius:24px 24px 0 0;opacity:0;transition:opacity .3s ease}.glass-card:hover .project-card-accent{opacity:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(0,212,255,.3)}50%{box-shadow:0 0 40px rgba(0,212,255,.6)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}