@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=JetBrains+Mono:wght@400;500;600&display=swap";.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:#f9fafbcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);z-index:100;transition:all var(--duration-fast) var(--ease-out)}.header-container{max-width:var(--container-max-width);height:100%;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;margin:0;position:relative;text-decoration:none;color:inherit}.logo-image{height:34px;width:auto;display:block;transition:transform var(--duration-fast) var(--ease-out)}.logo:hover .logo-image{transform:scale(1.05)}.nav-desktop{display:none;gap:var(--space-8);align-items:center}.nav-link{color:var(--gray-700);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-base);position:relative;padding:var(--space-2) 0;transition:color var(--duration-fast) var(--ease-out)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-green);transition:width var(--duration-normal) var(--ease-out)}.nav-link:hover,.nav-link.active{color:var(--primary-green)}.nav-link:hover:after,.nav-link.active:after{width:100%}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;z-index:102}.hamburger{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;width:100%;height:2px;background-color:var(--gray-900);border-radius:2px;transition:all var(--duration-normal) var(--ease-out)}.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:99;animation:fadeIn var(--duration-normal) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-mobile{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:80vw;background-color:#fff;box-shadow:-4px 0 20px #0000001a;z-index:101;display:flex;flex-direction:column;padding:calc(var(--header-height) + var(--space-6)) var(--space-6) var(--space-6);gap:var(--space-2);animation:slideIn var(--duration-normal) var(--ease-out)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.nav-mobile .nav-link{display:block;padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.nav-mobile .nav-link:after{display:none}.nav-mobile .nav-link:hover,.nav-mobile .nav-link.active{background-color:#10b9811a;color:var(--primary-green)}@media (min-width: 768px){.logo-image{height:34px}.nav-desktop{display:flex}.mobile-menu-toggle{display:none}}.footer{padding:var(--space-20) var(--space-6);background-color:var(--color-bg-dark);border-top:1px solid var(--color-border-dark)}.footer-container{max-width:var(--container-max-width);margin:0 auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center}.footer-logo{display:flex;align-items:center;margin:0;position:relative}.footer-logo-image{height:26px;width:auto;display:block;transition:transform var(--duration-fast) var(--ease-out)}.footer-nav{display:flex;gap:var(--space-6);flex-wrap:wrap;justify-content:center}.footer-nav-link{color:var(--gray-400);text-decoration:none;font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out);position:relative}.footer-nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--primary-green);transition:width var(--duration-normal) var(--ease-out)}.footer-nav-link:hover{color:var(--primary-green)}.footer-nav-link:hover:after{width:100%}.footer-email{font-family:var(--font-mono);font-size:var(--text-base);color:var(--primary-green);text-decoration:none;transition:all var(--duration-fast) var(--ease-out);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md)}.footer-email:hover{background-color:#10b9811a;box-shadow:var(--shadow-green)}.footer-email:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px}.footer-company-info{font-size:var(--text-xs);color:var(--gray-500);font-family:var(--font-mono);margin:0;letter-spacing:.02em}.footer-copyright{font-size:var(--text-sm);color:var(--color-text-secondary-dark);margin:0}.footer-newsletter{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background-color:#ffffff0d;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.footer-newsletter-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-green);margin:0}.footer-newsletter-description{font-size:var(--text-sm);color:var(--gray-400);margin:0;line-height:1.5}.footer-newsletter-form,.footer-newsletter-input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.footer-newsletter-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--gray-900);background-color:#fff;border:2px solid var(--gray-300);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out)}.footer-newsletter-input::placeholder{color:var(--gray-500)}.footer-newsletter-input:hover{border-color:var(--gray-400)}.footer-newsletter-input:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #10b98126}.footer-newsletter-input:disabled{background-color:var(--gray-100);cursor:not-allowed;opacity:.6}.footer-newsletter-input-error{border-color:var(--color-error)}.footer-newsletter-button{padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);background-color:var(--primary-green);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.footer-newsletter-button:hover:not(:disabled){background-color:#0ea574;transform:translateY(-1px);box-shadow:var(--shadow-green)}.footer-newsletter-button:active:not(:disabled){transform:translateY(0)}.footer-newsletter-button:disabled{cursor:not-allowed;opacity:.7}.footer-newsletter-error{font-size:var(--text-xs);color:var(--color-error);margin:0;font-weight:var(--font-medium)}.footer-newsletter-success{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background-color:#10b9811a;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--primary-green);font-weight:var(--font-medium)}.footer-newsletter-success-icon{color:var(--primary-green);flex-shrink:0}.footer-newsletter-disclaimer{font-size:var(--text-xs);color:var(--gray-500);margin:0;text-align:center}@media (min-width: 768px){.footer-email{font-size:var(--text-lg)}.footer-nav-link{font-size:var(--text-base)}.footer-newsletter-input-wrapper{flex-direction:row}.footer-newsletter-input{flex:1}.footer-newsletter-button{white-space:nowrap}}.hero{position:relative;min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);background:linear-gradient(135deg,var(--color-bg-light) 0%,#f0fdf4 100%);overflow:hidden}.hero-background-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--gray-200) 1px,transparent 1px);background-size:24px 24px;opacity:.5;pointer-events:none;animation:pattern-drift 20s ease-in-out infinite}@keyframes pattern-drift{0%,to{transform:translate(0)}50%{transform:translate(10px,10px)}}.hero-background-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float-orb 20s ease-in-out infinite}.hero-orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--primary-green) 0%,transparent 70%);top:-10%;left:-5%;animation-delay:0s}.hero-orb-2{width:300px;height:300px;background:radial-gradient(circle,var(--primary-green-light) 0%,transparent 70%);bottom:-10%;right:10%;animation-delay:-7s}.hero-orb-3{width:350px;height:350px;background:radial-gradient(circle,var(--primary-green-dark) 0%,transparent 70%);top:50%;right:-5%;animation-delay:-14s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-container{position:relative;max-width:1100px;width:100%;display:flex;flex-direction:column;gap:var(--space-20);z-index:1}.hero-content{display:flex;flex-direction:column;gap:var(--space-8)}.hero-label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-green);text-transform:uppercase;letter-spacing:.1em;display:inline-block}.hero-fade-in{animation:fade-in .8s ease-out}.hero-title{font-family:var(--font-sans);font-size:var(--text-5xl);font-weight:var(--font-black);color:var(--gray-900);line-height:1.1;letter-spacing:-.02em;margin:0}.hero-slide-up{animation:slide-up .8s ease-out .2s both}.hero-slide-up-delay{animation:slide-up .8s ease-out .4s both}.hero-title-accent{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 50%,var(--primary-green-dark) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:gradient-shift 4s ease-in-out infinite}.hero-description{font-family:var(--font-sans);font-size:var(--text-xl);color:var(--gray-600);line-height:1.6;margin:0;max-width:700px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-stats{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.hero-stats:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(16,185,129,.05) 50%,transparent 100%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.hero-stats:hover:before{opacity:1}.hero-scale-in{animation:scale-in .6s ease-out .6s both}.hero-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.hero-stat-value{font-family:var(--font-sans);font-size:var(--text-4xl);font-weight:var(--font-black);color:var(--gray-900);line-height:1;background:linear-gradient(135deg,var(--gray-900) 0%,var(--primary-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;text-align:center}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hero-stat-divider{width:1px;height:48px;background:var(--gray-200)}@media (min-width: 768px){.hero{padding:var(--space-12) var(--space-8)}.hero-label{font-size:var(--text-base)}.hero-title{font-size:var(--text-6xl)}.hero-description{font-size:var(--text-2xl)}.hero-stats{padding:var(--space-12);gap:var(--space-12)}.hero-stat-value{font-size:var(--text-5xl)}.hero-stat-label{font-size:var(--text-sm)}}@media (min-width: 1024px){.hero-title{font-size:var(--text-7xl)}.hero-stats{gap:var(--space-16)}}@media (max-width: 640px){.hero-stats{flex-direction:column;gap:var(--space-6)}.hero-stat-divider{width:100%;height:1px}}@media (prefers-reduced-motion: reduce){.hero-background-pattern,.hero-orb,.hero-title-accent,.hero-fade-in,.hero-slide-up,.hero-slide-up-delay,.hero-scale-in{animation:none!important}.hero-fade-in,.hero-slide-up,.hero-slide-up-delay,.hero-scale-in{opacity:1;transform:none}}.project-card{position:relative;display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-10);background:linear-gradient(135deg,var(--color-surface-dark) 0%,rgba(31,41,55,.95) 100%);border:1px solid var(--color-border-dark);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);transition:all var(--duration-normal) var(--ease-out);min-height:500px;overflow:hidden;transform-style:preserve-3d;will-change:transform}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,transparent 50%,rgba(16,185,129,.05) 100%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);border-radius:var(--radius-2xl);pointer-events:none}.project-card:hover:before{opacity:1}.project-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--duration-slow) var(--ease-out);pointer-events:none;border-radius:var(--radius-2xl)}.project-card:hover{border-color:var(--primary-green);box-shadow:var(--shadow-green-lg),0 0 60px #10b98133}.project-card:hover .project-card-glow{opacity:1}.project-card-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-dark)}.project-card-logo{height:64px;width:auto;object-fit:contain;filter:brightness(1.1) drop-shadow(0 4px 12px rgba(16,185,129,.2));transition:all var(--duration-normal) var(--ease-out)}.project-card:hover .project-card-logo{transform:scale(1.1) translateY(-4px);filter:brightness(1.2) drop-shadow(0 8px 20px rgba(16,185,129,.4))}.project-card-status{display:inline-block;padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.1em;border-radius:var(--radius-full);text-transform:uppercase;position:relative;overflow:hidden}.status-live{background:linear-gradient(135deg,#10b98133,#10b9811a);color:var(--primary-green-light);border:1px solid rgba(16,185,129,.3);animation:pulse-live 2s ease-in-out infinite}.status-live:before{content:"";position:absolute;left:var(--space-2);top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--primary-green-light);border-radius:50%;animation:blink 2s ease-in-out infinite}.status-development{background:linear-gradient(135deg,#9ca3af33,#9ca3af1a);color:var(--gray-400);border:1px solid var(--gray-700)}@keyframes pulse-live{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.project-card-content{display:flex;flex-direction:column;gap:var(--space-6);flex:1}.project-card-title{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-dark);margin:0;text-align:center}.project-card-description{font-size:var(--text-base);line-height:1.6;color:var(--color-text-secondary-dark);margin:0}.project-card-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.project-card-feature{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary-dark);padding-left:var(--space-6);position:relative;opacity:0;animation:slide-in-feature .4s ease-out forwards}.project-card-feature:before{content:"→";position:absolute;left:0;color:var(--primary-green);font-weight:var(--font-bold);transition:transform var(--duration-fast) var(--ease-out)}.project-card:hover .project-card-feature:before{transform:translate(4px)}@keyframes slide-in-feature{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.project-card-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-dark);background:transparent;border:2px solid var(--primary-green);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.project-card-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out);z-index:-1}.project-card-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--primary-green);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);z-index:-2}.project-card-cta:hover:before{transform:translate(0)}.project-card-cta:hover{color:var(--gray-900);box-shadow:var(--shadow-green),0 0 30px #10b98166;transform:translate(4px) scale(1.02)}.project-card-cta:active{transform:translate(2px) scale(.98)}.project-card-cta svg{transition:transform var(--duration-fast) var(--ease-out)}.project-card-cta:hover svg{transform:translate(4px)}.project-card-cta:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px}@media (min-width: 768px){.project-card{padding:var(--space-12)}.project-card-logo{height:80px}.project-card-title{font-size:var(--text-4xl)}.project-card-description{font-size:var(--text-lg)}.project-card-feature{font-size:var(--text-base)}}.projects{position:relative;min-height:100vh;padding:var(--space-24) var(--space-6);background:linear-gradient(180deg,var(--color-bg-dark) 0%,#0f1419 100%);overflow:hidden}.projects-background-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--gray-700) 1px,transparent 1px);background-size:32px 32px;opacity:.3;pointer-events:none;animation:pattern-move 30s linear infinite}@keyframes pattern-move{0%{transform:translateY(0) translate(0)}to{transform:translateY(32px) translate(32px)}}.projects-container{position:relative;max-width:var(--container-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-16);z-index:1}.projects-header{display:flex;flex-direction:column;gap:var(--space-4);text-align:center;opacity:0;transform:translateY(30px);transition:all .8s var(--ease-out)}.projects-header-visible{opacity:1;transform:translateY(0)}.projects-label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-green);text-transform:uppercase;letter-spacing:.1em}.projects-heading{font-family:var(--font-sans);font-size:var(--text-5xl);font-weight:var(--font-black);color:var(--color-text-dark);margin:0;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-text-dark) 0%,var(--primary-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-description{font-family:var(--font-sans);font-size:var(--text-xl);color:var(--color-text-secondary-dark);margin:0}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}.projects-grid-item{opacity:0;transform:translateY(40px) scale(.95);transition:all .8s var(--ease-out)}.projects-grid-item-visible{opacity:1;transform:translateY(0) scale(1)}@media (min-width: 768px){.projects{padding:var(--space-32) var(--space-8)}.projects-label{font-size:var(--text-base)}.projects-heading{font-size:var(--text-6xl)}.projects-description{font-size:var(--text-2xl)}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-12)}.projects-heading{font-size:var(--text-7xl)}}.btn{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);line-height:1;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--primary-green-dark) 0%,var(--primary-green) 100%);transform:translateY(100%);transition:transform var(--duration-normal) var(--ease-out);z-index:-1}.btn-primary:hover:not(:disabled):before{transform:translateY(0)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-green),0 0 30px #10b98166;transform:translateY(-3px) scale(1.02)}.btn-primary:active:not(:disabled){transform:translateY(-1px) scale(.98)}.btn-secondary{background-color:transparent;color:var(--primary-green);border:2px solid var(--primary-green);padding:calc(var(--space-3) - 2px) calc(var(--space-6) - 2px)}.btn-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out);z-index:-1}.btn-secondary:hover:not(:disabled):before{transform:translate(0)}.btn-secondary:hover:not(:disabled){color:#fff;box-shadow:var(--shadow-green);transform:translateY(-2px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background-color:transparent;color:var(--gray-500);padding:var(--space-2) var(--space-4)}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100);color:var(--gray-900)}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.btn-primary.btn-loading:after{border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 768px){.btn{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.btn-secondary{padding:calc(var(--space-4) - 2px) calc(var(--space-8) - 2px)}.btn-ghost{padding:var(--space-3) var(--space-6)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.input-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);transition:color var(--duration-fast) var(--ease-out)}.input,select.input,textarea.input{width:100%;padding:var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--gray-900);background-color:#fff;border:2px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}textarea.input{resize:vertical;min-height:120px;line-height:1.6}.input::placeholder,textarea.input::placeholder{color:var(--gray-500);opacity:1}.input:hover,select.input:hover,textarea.input:hover{border-color:var(--gray-400)}.input:focus,select.input:focus,textarea.input:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #10b98126}.input:disabled,select.input:disabled,textarea.input:disabled{background-color:var(--gray-100);cursor:not-allowed;opacity:.6}.input-error{border-color:var(--color-error);animation:shake .3s}.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef444433}.input-success{border-color:var(--primary-green)}.input-success:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #10b98133}.input-error-message{font-size:var(--text-sm);color:var(--color-error);margin-top:calc(var(--space-1) * -1);font-weight:var(--font-medium)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (min-width: 768px){.input,select.input,textarea.input{padding:var(--space-4)}}.contact{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:var(--space-20) var(--space-6);background-color:var(--gray-50)}.contact-container{max-width:700px;width:100%;display:flex;flex-direction:column;gap:var(--space-12)}.contact-header{text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}.contact-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary-green);text-transform:uppercase;letter-spacing:.15em}.contact-heading{font-family:var(--font-sans);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0;line-height:1.1}.contact-description{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--gray-600);margin:0;line-height:1.6}.contact-form{width:100%;display:flex;flex-direction:column;gap:var(--space-5);background-color:#fff;padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.contact-form-row{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.contact-error-message{padding:var(--space-4);background-color:#ef44441a;border-left:4px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);font-weight:var(--font-medium)}.contact-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-12);background-color:#10b9811a;border:2px solid var(--primary-green);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.contact-success-icon{color:var(--primary-green);animation:success-pop .4s var(--ease-out)}.contact-success-message{font-size:var(--text-xl);color:var(--gray-900);margin:0;font-weight:var(--font-semibold);text-align:center}@keyframes success-pop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (min-width: 768px){.contact-container{max-width:800px}.contact-heading{font-size:var(--text-5xl)}.contact-description{font-size:var(--text-xl)}.contact-form{padding:var(--space-12)}.contact-form-row{grid-template-columns:1fr 1fr}}.legal-page{min-height:calc(100vh - var(--header-height));background-color:var(--gray-50);padding:var(--space-20) var(--space-6);padding-top:calc(var(--header-height) + var(--space-20))}.legal-container{max-width:800px;margin:0 auto;background-color:#fff;padding:var(--space-12);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.legal-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 var(--space-4) 0;line-height:1.2}.legal-updated{font-size:var(--text-sm);color:var(--gray-500);font-style:italic;margin:0 0 var(--space-8) 0}.legal-section{margin-top:var(--space-8);padding-top:var(--space-8);border-top:2px solid var(--gray-200)}.legal-section:first-of-type{margin-top:var(--space-12)}.legal-section h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--gray-800);margin:0 0 var(--space-4) 0;line-height:1.3}.legal-section p{font-size:var(--text-base);color:var(--gray-700);line-height:1.7;margin:0 0 var(--space-4) 0}.legal-section p:last-child{margin-bottom:0}.legal-section ul,.legal-section ol{margin:var(--space-4) 0;padding-left:var(--space-8);list-style-position:outside}.legal-section ul{list-style-type:disc}.legal-section ol{list-style-type:decimal}.legal-section li{font-size:var(--text-base);color:var(--gray-700);line-height:1.7;margin-bottom:var(--space-2);padding-left:var(--space-2)}.legal-section a{color:var(--primary-green);text-decoration:underline;transition:color var(--duration-fast) var(--ease-out)}.legal-section a:hover{color:var(--primary-green-dark)}.legal-section strong{font-weight:var(--font-semibold);color:var(--gray-900)}@media (min-width: 768px){.legal-page{padding:var(--space-24) var(--space-6);padding-top:calc(var(--header-height) + var(--space-24))}.legal-container{padding:var(--space-16)}.legal-title{font-size:var(--text-5xl)}.legal-section h2{font-size:var(--text-3xl)}}.not-found-page{min-height:calc(100vh - var(--header-height) - 200px);display:flex;align-items:center;justify-content:center;padding:var(--space-20) var(--space-6);background-color:var(--gray-50)}.not-found-container{max-width:600px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.not-found-code{font-size:8rem;font-weight:var(--font-black);color:var(--primary-green);line-height:1;margin:0;text-shadow:0 4px 20px rgba(16,185,129,.3)}.not-found-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0;line-height:1.2}.not-found-description{font-size:var(--text-lg);color:var(--gray-600);margin:0;max-width:480px;line-height:1.6}@media (min-width: 768px){.not-found-code{font-size:12rem}.not-found-title{font-size:var(--text-4xl)}.not-found-description{font-size:var(--text-xl)}}:root{--primary-green: #10B981;--primary-green-dark: #059669;--primary-green-light: #34D399;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--color-bg-light: var(--gray-50);--color-surface-light: #FFFFFF;--color-text-light: var(--gray-900);--color-text-secondary-light: var(--gray-600);--color-border-light: var(--gray-200);--color-bg-dark: var(--gray-900);--color-surface-dark: var(--gray-800);--color-text-dark: var(--gray-50);--color-text-secondary-dark: var(--gray-400);--color-border-dark: var(--gray-700);--color-success: #10B981;--color-error: #EF4444;--color-warning: #F59E0B;--color-info: #3B82F6;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-green: 0 0 20px rgba(16, 185, 129, .3);--shadow-green-lg: 0 10px 40px rgba(16, 185, 129, .4);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--header-height: 80px;--container-max-width: 1280px;--dot-size: 1px;--dot-space: 20px;--grid-size: 40px}@media (prefers-reduced-motion: reduce){:root{--duration-fast: .01ms;--duration-normal: .01ms;--duration-slow: .01ms}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.project-card{transform:none!important}.project-card-feature{opacity:1!important;animation:none!important}.projects-grid-item,.projects-header{opacity:1!important;transform:none!important}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--gray-900);background-color:var(--gray-50);min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root,.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}ul,ol{list-style:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px}::selection{background-color:var(--primary-green);color:#fff}::-moz-selection{background-color:var(--primary-green);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-green)}.dot-pattern{background-image:radial-gradient(circle,var(--gray-300) var(--dot-size),transparent var(--dot-size));background-size:var(--dot-space) var(--dot-space);background-position:0 0}.dot-pattern-dark{background-image:radial-gradient(circle,var(--gray-700) var(--dot-size),transparent var(--dot-size));background-size:var(--dot-space) var(--dot-space);background-position:0 0}.grid-pattern{background-image:linear-gradient(var(--gray-200) 1px,transparent 1px),linear-gradient(90deg,var(--gray-200) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}.grid-pattern-dark{background-image:linear-gradient(var(--gray-800) 1px,transparent 1px),linear-gradient(90deg,var(--gray-800) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}