@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap";
:root{--primary-bg:#000;--secondary-bg:#0c120c;--matrix-green:#00ff41;--light-green:#0c3;--text-white:#fff;--text-secondary:#b8c0cc;--shadow:#00ff414d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--primary-bg);color:var(--text-white);min-height:100vh;font-family:Roboto,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.section{box-sizing:border-box;padding:5rem 2rem}.container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto}.sectionTitle{color:var(--matrix-green);text-align:center;margin-bottom:1rem;font-family:Fira Code,monospace;font-size:clamp(1.75rem,4vw,2.5rem)}.sectionSubtitle{color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 3rem}.servicesGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.projectsGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.projectCardSkeleton{background:#0c120ce6;border:1px solid #00ff4133;border-radius:15px;height:380px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.aboutSection{background:#00ff4105;border-top:1px solid #00ff411a;border-bottom:1px solid #00ff411a}.aboutContent{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.aboutText h2{color:var(--matrix-green);margin-bottom:1.5rem;font-family:Fira Code,monospace;font-size:2rem}.aboutText p{color:var(--text-secondary);margin-bottom:1rem}.aboutVisual{justify-content:center;align-items:center;display:flex}.iconFrame{border:3px solid var(--matrix-green);background:#00ff410d;border-radius:25px;justify-content:center;align-items:center;width:250px;height:250px;animation:2s ease-in-out infinite alternate neonPulse;display:flex;box-shadow:0 0 30px #00ff4166,inset 0 0 25px #00ff411a}.iconFrame i{color:var(--matrix-green);filter:drop-shadow(0 0 20px #00ff4199);font-size:7rem}@keyframes neonPulse{0%{box-shadow:0 0 20px #00ff414d,inset 0 0 20px #00ff411a}to{box-shadow:0 0 40px #00ff4180,inset 0 0 30px #00ff4133}}.imageFrame{border:3px solid var(--matrix-green);background:#000000b3;border-radius:25px;justify-content:center;align-items:center;width:300px;height:300px;animation:2s ease-in-out infinite alternate neonPulse;display:flex;overflow:hidden;box-shadow:0 0 40px #00ff4166,inset 0 0 30px #00ff411a}.imageFrame img{border-radius:15px}.aboutVisual i{color:var(--matrix-green);font-size:8rem;animation:2s ease-in-out infinite alternate glow}@keyframes glow{0%{filter:drop-shadow(0 0 20px #00ff414d)}to{filter:drop-shadow(0 0 40px #00ff4199)}}.ctaSection{text-align:center;background:linear-gradient(135deg,#00ff411a 0%,#000000e6 100%)}.ctaSection h2{color:var(--matrix-green);margin-bottom:1rem;font-family:Fira Code,monospace;font-size:2rem}.ctaSection p{color:var(--text-secondary);margin-bottom:2rem}.ctaButton{background:var(--matrix-green);color:#000;border-radius:8px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex}.ctaButton:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00ff4166}@media (max-width:768px){.section{padding:3rem 1rem}.aboutContent{text-align:center;grid-template-columns:1fr;gap:2rem}.aboutVisual i{font-size:5rem}}