@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";:root{--bg-color:#030014;--surface-color:#0b0726;--surface-border:#8b5cf626;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-light:#a78bfa;--accent-color:#8b5cf6;--accent-dark:#6d28d9;--accent-glow:#8b5cf666;--accent-glow-intense:#8b5cf6cc;--gradient-primary:linear-gradient(135deg, #a78bfa 0%, #8b5cf6 50%, #6d28d9 100%);--gradient-surface:linear-gradient(180deg, #0b07264d 0%, #03001466 100%);--gradient-text:linear-gradient(to right, #e2e8f0, #8b5cf6);--font-main:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--font-code:"Fira Code", monospace;--transition:all .4s cubic-bezier(.16, 1, .3, 1);--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--accent-glow);color:#fff}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100%;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(at 0 0,#8b5cf626 0,#0000 50%),radial-gradient(at 100% 0,#4338ca26 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf61a 0,#0000 50%),radial-gradient(at 0 100%,#6d28d91a 0,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(90deg,#ffffff03 1px,#0000 1px),linear-gradient(#ffffff03 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.font-code{font-family:var(--font-code)}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}.portfolio{width:100%;max-width:100vw;position:relative;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:var(--radius-md);transition:var(--transition);background:#0f0a2880;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff0d}.glass:hover{box-shadow:0 10px 40px -10px var(--accent-glow), inset 0 1px 0 0 #ffffff1a;border-color:#8b5cf64d}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.text-gradient-primary{background:var(--gradient-primary);-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shine}.code-block{border-radius:var(--radius-sm);font-family:var(--font-code);background:#0f111a;border:1px solid #ffffff0d;padding:1rem;font-size:.875rem;overflow-x:auto;box-shadow:inset 0 2px 10px #0003}.code-line{line-height:1.5;display:block}.code-comment{color:#5c6370;font-style:italic}.code-keyword{color:#c678dd}.code-function{color:#61afef}.code-string{color:#98c379}.code-property{color:#e06c75}.code-operator{color:#56b6c2}.code-number{color:#d19a66}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}section{padding:10rem 0;position:relative}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}@keyframes shine{to{background-position:200%}}@keyframes blob{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}.animate-blob{animation:7s infinite blob}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@media (width<=768px){.container{padding:0 1.25rem}section{padding:5rem 0}.glass{max-width:100%;padding:2rem 1.25rem}.hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-grid>div:first-child{flex-direction:column;align-items:center;display:flex}.nav-links{display:none!important}}