:root{--font-mono:"Geist Variable", "SF Mono", "Fira Code", "Menlo", "Monaco", "Consolas", monospace;--font-sans:"Geist Variable", system-ui, -apple-system, sans-serif;--bg:#fff;--bg-secondary:#f5f5f5;--text:#171717;--text-muted:#666;--accent:#10b981;--accent-hover:#059669;--border:#e5e5e5;--radius:8px;--max-width:1200px}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0a;--bg-secondary:#171717;--text:#f5f5f5;--text-muted:#a3a3a3;--accent:#10b981;--accent-hover:#34d399;--border:#2a2a2a}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}.nav{z-index:100;background:var(--bg);border-bottom:1px solid var(--border);padding:1rem 2rem;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:relative}.logo{color:var(--text);z-index:101;font-size:1.25rem;font-weight:700;text-decoration:none}.nav-toggle{display:none}.nav-hamburger{cursor:pointer;z-index:101;flex-direction:column;gap:5px;display:none}.nav-hamburger span{background:var(--text);width:24px;height:2px;transition:all .3s;display:block}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.875rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--accent);border-radius:var(--radius);padding:.5rem 1rem;font-weight:500;color:#000!important}.nav-cta:hover{background:var(--accent-hover)!important}.nav-scrolled{background:rgba(var(--bg-rgb,255, 255, 255), .9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 2rem;box-shadow:0 1px 3px #0000001a}@media (prefers-color-scheme:dark){.nav-scrolled{background:#0a0a0ae6}}@media (max-width:768px){.nav-hamburger{display:flex}.nav-toggle:checked~.nav-hamburger span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle:checked~.nav-hamburger span:nth-child(2){opacity:0}.nav-toggle:checked~.nav-hamburger span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav-links{background:var(--bg);opacity:0;visibility:hidden;flex-direction:column;justify-content:center;gap:2rem;transition:all .3s;position:fixed;inset:0}.nav-toggle:checked~.nav-links{opacity:1;visibility:visible}.nav-links a{font-size:1.25rem}}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;max-width:800px;position:relative}.morphing-blobs{z-index:0;position:absolute;inset:0;overflow:hidden}.blob{filter:blur(80px);opacity:.6;mix-blend-mode:screen;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle,#10b98166 0%,#0000 70%);width:600px;height:600px;animation:15s ease-in-out infinite morph1;top:-200px;left:-100px}.blob-2{background:radial-gradient(circle,#10b9814d 0%,#0000 70%);width:500px;height:500px;animation:18s ease-in-out infinite morph2;top:50%;right:-150px}.blob-3{background:radial-gradient(circle,#3b82f640 0%,#0000 70%);width:400px;height:400px;animation:20s ease-in-out infinite morph3;bottom:-100px;left:30%}.blob-4{background:radial-gradient(circle,#10b98159 0%,#0000 70%);width:350px;height:350px;animation:16s ease-in-out infinite morph4;top:40%;left:20%}@keyframes morph1{0%,to{border-radius:50% 40% 60% 50%;transform:translate(0)scale(1)}33%{border-radius:60% 50% 40% 60%;transform:translate(100px,50px)scale(1.1)}66%{border-radius:40% 60% 50% 40%;transform:translate(50px,100px)scale(.95)}}@keyframes morph2{0%,to{border-radius:60% 40% 50% 50%;transform:translate(0)scale(1)}33%{border-radius:50% 60% 40% 50%;transform:translate(-80px,-60px)scale(1.05)}66%{border-radius:40% 50% 60% 40%;transform:translate(-40px,-100px)scale(.9)}}@keyframes morph3{0%,to{border-radius:50% 50% 40% 60%;transform:translate(0)scale(1)}50%{border-radius:60% 40% 50% 50%;transform:translate(80px,-80px)scale(1.15)}}@keyframes morph4{0%,to{border-radius:40% 60% 60% 40%;transform:translate(0)scale(1)}25%{border-radius:60% 40% 40% 60%;transform:translate(60px,40px)scale(1.1)}50%{border-radius:50% 50% 60% 40%;transform:translate(100px,-30px)scale(.95)}75%{border-radius:40% 60% 50% 50%;transform:translate(30px,60px)scale(1.05)}}@media (max-width:768px){.blob{filter:blur(60px);opacity:.5}.blob-1{width:350px;height:350px;top:-100px;left:-80px}.blob-2{width:300px;height:300px;right:-100px}.blob-3{width:250px;height:250px;bottom:-50px}.blob-4{width:200px;height:200px}}.hero-subtitle{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:1rem;font-size:.875rem}.hero-title{margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1}.gradient-text{background:linear-gradient(135deg, var(--text) 0%, var(--accent) 50%, var(--text) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.hero-tagline{color:var(--text-muted);max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.hero-tags{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.hero-tag{background:var(--bg-secondary);border:1px solid var(--border);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem}.hero-buttons{justify-content:center;gap:1rem;display:flex}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:var(--bg-secondary)}.section{padding:5rem 2rem}.section-inner{max-width:var(--max-width);margin:0 auto}.section-title{margin-bottom:.5rem;font-size:2rem;font-weight:700}.section-subtitle{color:var(--text-muted);margin-bottom:3rem}.services-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.services-grid{grid-template-columns:1fr}}.service-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s,transform .2s}.service-card:hover{border-color:var(--accent);transform:translateY(-2px)}.service-icon{color:var(--accent);margin-bottom:1rem;display:block}.service-icon svg{width:32px;height:32px}.service-title{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.service-desc{color:var(--text-muted);font-size:.875rem;line-height:1.5}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr}}.project-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;transition:border-color .2s,transform .2s}.project-card:hover{border-color:var(--accent);transform:translateY(-2px)}.project-type{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:.5rem;font-size:.75rem}.project-title{margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.project-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem}.project-features{margin-bottom:1rem;list-style:none}.project-features li{color:var(--text-muted);padding:.25rem 0 .25rem 1rem;font-size:.8125rem;position:relative}.project-features li:before{content:"→";color:var(--accent);position:absolute;left:0}.project-tech{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);margin-bottom:1rem}.project-link{color:var(--accent);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.project-link:hover{text-decoration:underline}.contact-grid{grid-template-columns:1fr 1fr;gap:4rem;display:grid}@media (max-width:768px){.contact-grid{grid-template-columns:1fr;gap:2rem}}.contact-info h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.contact-info p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem}.contact-detail{align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.contact-detail a{color:var(--text);text-decoration:none}.contact-detail a:hover{color:var(--accent)}.contact-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{font-size:.875rem;font-weight:500}.form-group input,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);outline:none}.form-group textarea{resize:vertical;min-height:120px}.form-note{color:var(--text-muted);margin-top:.5rem;font-size:.75rem}.form-success{color:#059669;background:#ecfdf5;border-radius:4px;margin-top:.5rem;padding:.75rem;font-size:.875rem}.form-error{color:#dc2626;background:#fef2f2;border-radius:4px;margin-top:.5rem;padding:.75rem;font-size:.875rem}@media (prefers-color-scheme:dark){.form-success{background:#0596691a}.form-error{background:#dc26261a}}.footer{border-top:1px solid var(--border);text-align:center;padding:2rem}.footer-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-logo{font-weight:700}.footer-copy{color:var(--text-muted);font-size:.75rem}@media (max-width:600px){.footer-inner{flex-direction:column;gap:1rem}.section{padding:3rem 1rem}}