@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-color: #0f172a;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--surface-color: rgba(255, 255, 255, .05);--surface-hover: rgba(255, 255, 255, .1);--border-color: rgba(255, 255, 255, .1);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #a78bfa;--accent-glow: 0 0 20px rgba(167, 139, 250, .5);--font-family: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-gradient);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}h1,h2,h3{line-height:1.2;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:2rem}.section{padding:4rem 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media(max-width:1024px){.projects-grid{grid-template-columns:1fr}}