:root{--bg-color: #0a0a0a;--text-color: #e0e0e0;--primary-color: #00ff9d;--secondary-color: #00d4ff;--accent-color: #ff0055;--surface-color: #1a1a1a;--border-color: #333;--header-bg: rgba(10, 10, 10, .9);--font-main: "JetBrains Mono", monospace;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--container-width: 1200px;--neon-shadow: 0 0 10px rgba(0, 255, 157, .5), 0 0 20px rgba(0, 255, 157, .3)}body.light-mode{--bg-color: #f5f5f5;--text-color: #1a1a1a;--primary-color: #008f5a;--secondary-color: #0077b6;--accent-color: #d00045;--surface-color: #ffffff;--border-color: #ddd;--header-bg: rgba(245, 245, 245, .9);--neon-shadow: 0 0 10px rgba(0, 143, 90, .2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;transition:background-color .3s,color .3s}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.section{padding:8rem 0}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.btn{padding:1rem 2rem;font-weight:700;border:1px solid var(--primary-color);position:relative;overflow:hidden}.btn-primary{background:var(--primary-color);color:#000}.btn-primary:hover{background:transparent;color:var(--primary-color);box-shadow:var(--neon-shadow)}.btn-secondary{color:var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#000;box-shadow:var(--neon-shadow)}.section-title{font-size:2.5rem;margin-bottom:4rem;position:relative;display:inline-block;line-height:1.2}.section-title span{color:var(--primary-color)}@media(max-width:968px){.section-title{font-size:2rem;margin-bottom:3rem}}@media(max-width:768px){.section-title{font-size:1.75rem;margin-bottom:2.5rem}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:var(--surface-color);padding:3rem 2rem;border:1px solid var(--border-color);transition:var(--transition)}.service-card:hover{border-color:var(--primary-color);transform:translateY(-10px);box-shadow:var(--neon-shadow)}.card-header{margin-bottom:1.5rem}.price{font-size:.875rem;color:var(--primary-color);border:1px solid var(--primary-color);padding:.25rem .75rem}.service-card h3{font-size:1.5rem;margin-bottom:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem}.project-card{border:1px solid var(--border-color);background:var(--surface-color);overflow:hidden}.project-img-placeholder{height:250px;background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:1px solid var(--border-color)}.project-info{padding:2rem}.project-info h3{margin-bottom:1rem}.tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.tags span{font-size:.75rem;background:#00ff9d1a;color:var(--primary-color);padding:.25rem .5rem;border:1px solid rgba(0,255,157,.2)}.contact-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:700}.form-group input,.form-group textarea{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-color);padding:1rem;font-family:inherit;outline:none;transition:var(--transition);resize:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:var(--neon-shadow)}.contact-info{display:flex;flex-direction:column;justify-content:center}.social-links{display:flex;gap:2rem;margin-top:2rem}.social-links a{cursor:pointer}.social-links a:hover{color:var(--primary-color);text-decoration:underline}footer{padding:4rem 0;border-top:1px solid var(--border-color);text-align:center;font-size:.875rem;opacity:.6}@keyframes blink{50%{opacity:0}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media(max-width:968px){.hero-content{grid-template-columns:1fr;text-align:center;padding-top:4rem}.hero-btns{justify-content:center}.subtitle{margin:2rem auto}.contact-content{grid-template-columns:1fr}.glitch{font-size:3rem}}@media(max-width:768px){.section{padding:4rem 0}.projects-grid{grid-template-columns:1fr}}