:root{--eclipse-black: #0D1117;--card-slate: #161B22;--trust-blue: #2F81F7;--fresh-green: #3ED598;--light-fog: #C9D1D9;--cloud-gray: #8B949E;--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", sans-serif;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-12: 96px;--border-radius: 8px;--card-shadow: 0 4px 8px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);font-weight:400;font-size:1rem;line-height:1.55;color:var(--light-fog);background-color:var(--eclipse-black)}.app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-3)}h1{font-family:var(--font-mono);font-weight:600;font-size:2.75rem;line-height:1.15;color:var(--light-fog);margin-bottom:var(--space-4)}h2{font-family:var(--font-mono);font-weight:600;font-size:2rem;line-height:1.2;color:var(--cloud-gray);margin-bottom:var(--space-6)}h3{font-family:var(--font-mono);font-weight:600;font-size:1.5rem;line-height:1.3;color:var(--light-fog);margin-bottom:var(--space-4)}h4{font-family:var(--font-sans);font-weight:600;font-size:1.125rem;color:var(--trust-blue);margin-bottom:var(--space-2)}.hero{padding:var(--space-12) 0;text-align:center}.terminal{background-color:var(--card-slate);border-radius:var(--border-radius);margin:0 auto var(--space-8);max-width:90%;box-shadow:var(--card-shadow);overflow:hidden}.terminal-header{background-color:#21262d;padding:var(--space-2);display:flex;align-items:center}.terminal-controls{display:flex;gap:var(--space-1)}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27ca3f}.terminal-body{padding:var(--space-4);font-family:var(--font-mono);font-size:.95rem;line-height:1.4;text-align:left}.terminal-line{margin-bottom:var(--space-2)}.prompt{color:var(--fresh-green);margin-right:var(--space-2)}.command{color:var(--trust-blue);font-weight:600}.output{color:var(--light-fog)}.cursor{color:var(--fresh-green);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-content{max-width:800px;margin:0 auto}.cta-primary{display:inline-block;background-color:var(--trust-blue);color:var(--eclipse-black);font-family:var(--font-sans);font-weight:600;font-size:1.125rem;padding:var(--space-3) var(--space-6);border-radius:var(--border-radius);text-decoration:none;transition:all .2s ease;margin-top:var(--space-4)}.cta-primary:hover{transform:scale(1.05);box-shadow:0 0 0 3px var(--fresh-green)}.about{padding:var(--space-12) 0}.about-card{background-color:var(--card-slate);border-radius:var(--border-radius);border-top:3px solid var(--trust-blue);padding:var(--space-6);box-shadow:var(--card-shadow);max-width:900px;margin:0 auto}blockquote{font-size:1.125rem;font-style:italic;color:var(--cloud-gray);margin-bottom:var(--space-6);padding-left:var(--space-4);border-left:3px solid var(--fresh-green)}.attributes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.attribute{padding:var(--space-4);background-color:var(--eclipse-black);border-radius:var(--border-radius)}.attribute p{color:var(--cloud-gray);font-size:.95rem}.activity{padding:var(--space-12) 0;text-align:center}.github-chart{background-color:var(--card-slate);border-radius:var(--border-radius);border-top:3px solid var(--trust-blue);padding:var(--space-6);box-shadow:var(--card-shadow);max-width:900px;margin:var(--space-6) auto 0;display:flex;flex-direction:column;align-items:center}.github-chart img{max-width:100%;height:auto;border-radius:var(--border-radius)}.chart-caption{color:var(--cloud-gray);font-size:.9rem;margin-top:var(--space-3);margin-bottom:0}.projects{padding:var(--space-12) 0;text-align:center}.coming-soon{text-align:center;padding:var(--space-8);background-color:var(--card-slate);border-radius:var(--border-radius);border-top:3px solid var(--fresh-green);box-shadow:var(--card-shadow);max-width:600px;margin:var(--space-6) auto 0}.coming-soon p{color:var(--cloud-gray);margin-bottom:var(--space-2)}.coming-soon .note{font-size:.9rem;font-style:italic}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.project-card{background-color:var(--card-slate);border-radius:var(--border-radius);border-top:3px solid var(--trust-blue);padding:var(--space-6);box-shadow:var(--card-shadow);transition:all .2s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0009}.project-card p{color:var(--cloud-gray);margin-bottom:var(--space-4)}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tech-stack span{background-color:var(--eclipse-black);color:var(--fresh-green);font-family:var(--font-mono);font-size:.85rem;padding:var(--space-1) var(--space-2);border-radius:calc(var(--border-radius) / 2)}.project-link{color:var(--trust-blue);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:var(--space-1)}.project-link:hover{text-decoration:underline}.contact{padding:var(--space-12) 0}.contact-card{background-color:var(--card-slate);border-radius:var(--border-radius);border-top:3px solid var(--fresh-green);padding:var(--space-6);box-shadow:var(--card-shadow);max-width:600px;margin:0 auto;text-align:center}.contact-card p{color:var(--cloud-gray);margin-bottom:var(--space-6)}.contact-links{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.contact-link{display:flex;align-items:center;gap:var(--space-2);color:var(--trust-blue);text-decoration:none;font-weight:500;padding:var(--space-2) var(--space-4);border-radius:var(--border-radius);transition:all .2s ease}.contact-link:hover{background-color:var(--eclipse-black);text-decoration:underline}.footer{padding:var(--space-6) 0;border-top:1px solid var(--card-slate);text-align:center}.footer p{color:var(--cloud-gray);font-size:.9rem;margin-bottom:var(--space-1)}.footer .tagline{font-family:var(--font-mono);font-size:.85rem}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}.terminal{max-width:95%}.project-grid,.attributes{grid-template-columns:1fr}.contact-links{align-items:stretch}}@media (max-width: 480px){.container{padding:0 var(--space-2)}h1{font-size:1.75rem}.hero,.about,.projects,.contact{padding:var(--space-8) 0}}