@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--white);border-bottom:1px solid transparent;transition:all var(--transition);padding:var(--space-4) 0}.site-header.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--gray-lighter);box-shadow:var(--shadow-sm);padding:var(--space-3) 0}.header-content{display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:var(--space-3)}.header-logo{height:40px;width:auto;object-fit:contain;transition:all var(--transition)}.site-header.scrolled .header-logo{height:36px}.header-company-name{font-size:var(--font-size-xl);font-weight:700;color:var(--dark);letter-spacing:-.02em;white-space:nowrap}.header-nav{display:flex;align-items:center;gap:var(--space-6)}.desktop-nav{display:flex}.nav-link{background:none;border:none;color:var(--text);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition);padding:var(--space-2) 0;position:relative;font-family:inherit}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--yellow);transition:width var(--transition)}.nav-link:hover{color:var(--dark)}.nav-link:hover:after{width:100%}.nav-cta-button{background:var(--dark);color:var(--white);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);font-family:inherit;white-space:nowrap}.nav-cta-button:hover{background:var(--dark-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2);z-index:1001}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span{display:block;width:100%;height:2px;background:var(--dark);transition:all var(--transition);border-radius:2px}.hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(7px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.mobile-nav{display:none;position:fixed;top:73px;left:0;right:0;background:var(--white);border-bottom:1px solid var(--gray-lighter);box-shadow:var(--shadow-lg);flex-direction:column;gap:0;padding:var(--space-4) 0;max-height:0;overflow:hidden;opacity:0;transition:all var(--transition)}.mobile-nav.open{max-height:300px;opacity:1}.mobile-nav .nav-link,.mobile-nav .nav-cta-button{width:100%;text-align:center;padding:var(--space-4) var(--space-6);border-radius:0}.mobile-nav .nav-link:after{display:none}.mobile-nav .nav-link:hover{background:var(--gray-lighter)}.mobile-nav .nav-cta-button{margin:var(--space-2) var(--space-6) 0;border-radius:var(--radius)}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-toggle{display:block}.mobile-nav{display:flex}.header-company-name{font-size:var(--font-size-lg)}.header-logo{height:36px}.site-header.scrolled .header-logo{height:32px}}@media (max-width: 480px){.header-company-name{display:none}}.particle-network{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:all;z-index:1}.isometric-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;perspective:1000px}.device{position:absolute;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}.laptop{width:373px;height:240px;z-index:3;animation-delay:0s;left:50%;top:50%;transform:translate(-50%,-50%)}.laptop-screen{width:373px;height:213px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:8px;border:3px solid #0f172a;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d,inset 0 2px 4px #ffffff1a;transform:rotateX(5deg) rotateY(-5deg)}.screen-content{padding:21px;font-family:Courier New,monospace;font-size:15px;color:#e2e8f0}.code-line{margin:8px 0;opacity:0;animation:fadeInLine .5s ease forwards}.code-line.indent{padding-left:27px}.code-keyword{color:#ffd60a;font-weight:700}.code-function{color:#60a5fa}.cursor-blink{display:inline-block;width:11px;height:18px;background:#ffd60a;animation:blink 1s step-end infinite;margin-left:3px}.laptop-base{width:400px;height:16px;background:linear-gradient(135deg,#334155,#1e293b);border-radius:0 0 5px 5px;position:absolute;bottom:-11px;left:-13px;transform:rotateX(75deg) translateZ(-4px);box-shadow:0 5px 10px #0000004d}.laptop-keyboard{width:320px;height:11px;background:#0f172a;position:absolute;bottom:3px;left:27px;border-radius:3px;opacity:.6}.phone{width:80px;height:160px;right:5%;top:50%;transform:translateY(-50%);z-index:4;animation:floatSide 6s ease-in-out infinite;animation-delay:-2s}.phone-screen{width:80px;height:160px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;border:2px solid #0f172a;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000004d,inset 0 1px 2px #ffffff1a;transform:rotateY(10deg) rotateX(-5deg)}.phone-notch{width:30px;height:6px;background:#0f172a;border-radius:0 0 8px 8px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-content{padding:16px 8px 12px}.app-bar{width:100%;height:3px;background:#ffd60a;border-radius:2px;margin-bottom:12px;opacity:0;animation:fadeIn .5s ease forwards .5s}.app-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.app-icon{width:100%;height:28px;background:linear-gradient(135deg,#ffd60a33,#ffd60a1a);border-radius:6px;border:1px solid rgba(255,214,10,.3);opacity:0;animation:fadeInScale .5s ease forwards}.tablet{width:160px;height:120px;left:5%;top:50%;transform:translateY(-50%);z-index:2;animation:floatSide 6s ease-in-out infinite;animation-delay:-4s}.tablet-screen{width:160px;height:120px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:8px;border:2px solid #0f172a;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000004d,inset 0 1px 2px #ffffff1a;transform:rotateY(-10deg) rotateX(5deg)}.tablet-content{padding:12px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dashboard-card{background:#ffd60a1a;border:1px solid rgba(255,214,10,.2);border-radius:6px;padding:8px;opacity:0;animation:fadeInScale .5s ease forwards;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.metric-line{width:80%;height:3px;background:#ffd60a99;border-radius:2px}.metric-line.short{width:50%}.chart-bar{width:8px;background:#ffd60a99;border-radius:2px 2px 0 0;animation:growBar 1s ease forwards;transform-origin:bottom}.dashboard-card:last-child{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;gap:6px}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-20px)}}@keyframes floatSide{0%,to{transform:translateY(-50%) translateY(0)}50%{transform:translateY(-50%) translateY(-20px)}}@keyframes fadeInLine{to{opacity:1}}@keyframes fadeIn{to{opacity:1}}@keyframes fadeInScale{to{opacity:1;transform:scale(1)}0%{transform:scale(.8)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (max-width: 1024px){.laptop{width:200px;height:130px;left:40%}.laptop-screen{width:200px;height:120px}.laptop-base{width:220px}.phone{width:65px;height:130px;right:8%}.phone-screen{width:65px;height:130px}.tablet{width:120px;height:90px;left:8%}.tablet-screen{width:120px;height:90px}}@media (max-width: 768px){.tablet{display:none}.laptop{width:160px;height:100px}.laptop-screen{width:160px;height:90px}.screen-content{font-size:7px;padding:8px}.laptop-base{width:180px}.phone{width:55px;height:110px;right:10%}.phone-screen{width:55px;height:110px}}.hero{background:var(--gray-lighter);padding:calc(73px + var(--space-16)) 0 var(--space-20);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}.hero .container{display:flex;flex-direction:column;position:relative;z-index:2}.hero-main-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-content h1{font-size:clamp(var(--font-size-4xl),5vw,var(--font-size-6xl));font-weight:700;color:var(--dark);margin-bottom:var(--space-6);line-height:1.1;letter-spacing:-.03em}.hero-content h1 span{color:var(--yellow)}.hero-subtitle{font-size:var(--font-size-xl);color:var(--text-light);margin-bottom:var(--space-8);line-height:1.7;font-weight:400}.hero-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap}.primary-button{background:var(--dark);color:var(--white);border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-md)}.primary-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--dark-light)}.primary-button:active{transform:translateY(0)}.secondary-button{background:transparent;color:var(--dark);border:2px solid var(--dark);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition)}.secondary-button:hover{background:var(--dark);color:var(--white);transform:translateY(-2px)}.secondary-button:active{transform:translateY(0)}.hero-graphic{display:flex;align-items:center;justify-content:center;position:relative;min-height:400px;z-index:2}@media (max-width: 1024px){.hero-main-content{grid-template-columns:1fr;gap:var(--space-12)}.hero-graphic{order:-1;min-height:300px}}@media (max-width: 768px){.hero{padding:var(--space-16) 0}.hero-branding{flex-direction:column;gap:var(--space-3)}.hero-company-name{font-size:var(--font-size-3xl)}.hero-buttons{flex-direction:column;width:100%}.primary-button,.secondary-button{width:100%;text-align:center}.hero-graphic{min-height:250px}}.about{padding:var(--space-24) 0;background:var(--white);position:relative;overflow:hidden}.about:before{content:"";position:absolute;top:0;right:-10%;width:40%;height:100%;background:linear-gradient(135deg,rgba(255,214,10,.03),transparent);pointer-events:none}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.about-text h2{font-size:clamp(var(--font-size-3xl),4vw,var(--font-size-5xl));font-weight:700;color:var(--dark);margin-bottom:var(--space-3);letter-spacing:-.02em;line-height:1.2}.about-text h2:after{content:"";display:block;width:80px;height:4px;background:var(--yellow);margin-top:var(--space-4);border-radius:var(--radius-full)}.about-subtitle{font-size:var(--font-size-xl);color:var(--text-light);margin-bottom:var(--space-8);font-weight:500;font-style:italic}.about-description{margin-bottom:var(--space-10);line-height:1.7}.about-description p{color:var(--text);font-size:var(--font-size-base);margin-bottom:var(--space-4)}.about-description p:last-child{margin-bottom:0}.companies-section{margin-top:var(--space-12);padding-top:var(--space-10);border-top:1px solid rgba(226,232,240,.5)}.companies-heading{font-size:var(--font-size-lg);font-weight:500;color:var(--text-light);text-align:center;margin-bottom:var(--space-6);letter-spacing:-.01em;text-transform:uppercase;font-size:var(--font-size-sm)}.companies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-6);align-items:center;justify-items:center;max-width:1000px;margin:0 auto}.company-logo{width:100%;height:80px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:var(--radius);border:1px solid transparent;transition:all var(--transition);padding:var(--space-4)}.company-logo span{font-size:var(--font-size-sm);color:var(--text-light);font-weight:500;text-align:center}.company-logo:hover{background:#ffd60a0d;border-color:#ffd60a33;transform:translateY(-2px)}.company-logo img{max-width:100%;max-height:60px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.5;transition:all var(--transition)}.company-logo:hover img{filter:grayscale(50%);opacity:.8}.about-cta{margin-top:var(--space-8)}.about-cta-button{background:var(--dark);color:var(--white);border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-md);font-family:inherit}.about-cta-button:hover{background:var(--dark-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.about-cta-button:active{transform:translateY(0)}.about-image{position:relative;display:flex;justify-content:center;align-items:center}.image-wrapper{position:relative;width:100%;max-width:450px}.profile-image{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);position:relative;z-index:2;display:block}.image-decoration{position:absolute;top:-20px;right:-20px;width:100%;height:100%;border:3px solid var(--yellow);border-radius:var(--radius-xl);z-index:1;opacity:.5}@media (max-width: 1024px){.about-content{grid-template-columns:1fr;gap:var(--space-12)}.about-image{order:-1}.image-wrapper{max-width:400px;margin:0 auto}.about-text h2:after{margin-left:auto;margin-right:auto}.about-text{text-align:center}.about-description{text-align:left;max-width:700px;margin-left:auto;margin-right:auto}.companies-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}@media (max-width: 768px){.about{padding:var(--space-16) 0}.image-wrapper{max-width:350px}.image-decoration{top:-15px;right:-15px}.companies-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4);max-width:600px}.company-logo{height:70px}.company-logo img{max-height:50px}}@media (max-width: 480px){.image-wrapper{max-width:280px}.image-decoration{top:-10px;right:-10px;border-width:2px}.companies-section{margin-top:var(--space-8);padding-top:var(--space-8)}.companies-heading{font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.companies-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.company-logo{height:60px}.company-logo img{max-height:40px}}.services{padding:var(--space-24) 0;background:var(--white);position:relative}.services .container{position:relative;z-index:2}.services h2{text-align:center;font-size:clamp(var(--font-size-3xl),4vw,var(--font-size-5xl));font-weight:700;color:var(--dark);margin-bottom:var(--space-4);letter-spacing:-.02em}.services-subtitle{text-align:center;font-size:var(--font-size-xl);color:var(--text-light);margin-bottom:var(--space-16);max-width:800px;margin-left:auto;margin-right:auto;font-weight:400;line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8);margin-top:var(--space-16)}.service-card{background:var(--white);padding:var(--space-10);border-radius:var(--radius-xl);box-shadow:var(--shadow);text-align:left;transition:all var(--transition);position:relative;overflow:hidden;border:1px solid var(--gray-lighter)}.service-card:before{content:"";position:absolute;opacity:.03;transition:opacity var(--transition);pointer-events:none}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--yellow)}.service-card:hover:before{opacity:.15}.service-card-1:before{width:220px;height:220px;right:-50px;bottom:-50px;background:radial-gradient(circle at 75% 75%,transparent 0%,transparent 18%,var(--yellow) 18%,var(--yellow) 22%,transparent 22%,transparent 30%,var(--yellow) 30%,var(--yellow) 32%,transparent 32%),linear-gradient(135deg,transparent 0%,transparent 40%,var(--yellow) 40%,var(--yellow) 42%,transparent 42%,transparent 48%,var(--yellow) 48%,var(--yellow) 50%,transparent 50%)}.service-card-2:before{width:280px;height:180px;right:-70px;bottom:-40px;background:radial-gradient(ellipse 90px 55px at 25% 50%,transparent 0%,transparent 42%,var(--yellow) 42%,var(--yellow) 46%,transparent 46%),radial-gradient(ellipse 55px 90px at 50% 50%,transparent 0%,transparent 42%,var(--yellow) 42%,var(--yellow) 46%,transparent 46%),radial-gradient(ellipse 90px 55px at 75% 50%,transparent 0%,transparent 42%,var(--yellow) 42%,var(--yellow) 46%,transparent 46%)}.service-card-3:before{width:240px;height:240px;right:-60px;bottom:-60px;background:radial-gradient(circle,transparent 0%,transparent 36%,var(--yellow) 36%,var(--yellow) 40%,transparent 40%),linear-gradient(0deg,transparent 47%,var(--yellow) 47%,var(--yellow) 53%,transparent 53%),linear-gradient(90deg,transparent 47%,var(--yellow) 47%,var(--yellow) 53%,transparent 53%),conic-gradient(from 0deg at 50% 50%,transparent 0deg,transparent 43deg,var(--yellow) 43deg,var(--yellow) 47deg,transparent 47deg,transparent 133deg,var(--yellow) 133deg,var(--yellow) 137deg,transparent 137deg,transparent 223deg,var(--yellow) 223deg,var(--yellow) 227deg,transparent 227deg,transparent 313deg,var(--yellow) 313deg,var(--yellow) 317deg,transparent 317deg)}.service-card h3{font-size:var(--font-size-2xl);font-weight:600;color:var(--dark);margin-bottom:var(--space-3);letter-spacing:-.01em;position:relative;z-index:1}.service-subtitle{font-size:var(--font-size-sm);color:var(--text-light);margin-bottom:var(--space-6);line-height:1.6;font-style:italic;position:relative;z-index:1}.service-card ul{list-style:none;text-align:left;margin-top:var(--space-6);margin-bottom:var(--space-6);position:relative;z-index:1}.service-card li{padding:var(--space-3) 0;padding-left:var(--space-6);color:var(--text);position:relative;font-size:var(--font-size-base);line-height:1.6}.service-card li:before{content:"→";position:absolute;left:0;color:var(--yellow);font-weight:600}.service-cta{background:transparent;color:var(--dark);border:2px solid var(--gray);padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition);width:100%;margin-top:auto}.service-cta:hover{background:var(--dark);color:var(--white);border-color:var(--dark);transform:translateY(-1px)}@media (max-width: 768px){.services-grid{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}.portfolio{padding:var(--space-24) 0;background:var(--gray-lighter);position:relative}.portfolio .container{position:relative;z-index:2}.portfolio h2{text-align:center;font-size:clamp(var(--font-size-3xl),4vw,var(--font-size-5xl));font-weight:700;color:var(--dark);margin-bottom:var(--space-4);letter-spacing:-.02em}.portfolio-subtitle{text-align:center;font-size:var(--font-size-xl);color:var(--text-light);margin-bottom:var(--space-16);max-width:800px;margin-left:auto;margin-right:auto;font-weight:400;line-height:1.7}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);max-width:1400px;margin:0 auto}.portfolio-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow);transition:all var(--transition);position:relative;overflow:hidden;border:1px solid var(--gray-lighter);display:flex;flex-direction:column}.portfolio-card:before{content:"";position:absolute;width:200px;height:200px;right:-50px;bottom:-50px;opacity:.03;transition:opacity var(--transition);pointer-events:none}.portfolio-card-1:before{background:radial-gradient(circle at 75% 75%,transparent 0%,transparent 18%,var(--yellow) 18%,var(--yellow) 22%,transparent 22%,transparent 30%,var(--yellow) 30%,var(--yellow) 32%,transparent 32%)}.portfolio-card-2:before{background:radial-gradient(ellipse 80px 45px at 30% 50%,transparent 0%,transparent 42%,var(--yellow) 42%,var(--yellow) 46%,transparent 46%),radial-gradient(ellipse 45px 80px at 70% 50%,transparent 0%,transparent 42%,var(--yellow) 42%,var(--yellow) 46%,transparent 46%)}.portfolio-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--yellow)}.portfolio-card:hover:before{opacity:.15}.portfolio-image{width:100%;height:240px;overflow:hidden;background:var(--gray-lighter);position:relative}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}.portfolio-card:hover .portfolio-image img{transform:scale(1.05)}.portfolio-card-content{padding:var(--space-10);display:flex;flex-direction:column;gap:var(--space-6);position:relative;z-index:1}.portfolio-header{display:flex;flex-direction:column;gap:var(--space-2)}.service-badge{display:inline-block;width:fit-content;padding:var(--space-1) var(--space-3);background:#ffd60a1a;border:1px solid rgba(255,214,10,.3);border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:600;color:var(--yellow-dark);text-transform:uppercase;letter-spacing:.05em}.portfolio-card h3{font-size:var(--font-size-2xl);font-weight:600;color:var(--dark);letter-spacing:-.01em;line-height:1.3}.company-name{font-size:var(--font-size-base);color:var(--text-light);font-weight:500}.portfolio-description{font-size:var(--font-size-base);color:var(--text);line-height:1.6}.portfolio-technologies{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-tag{padding:var(--space-1) var(--space-3);background:var(--gray-lighter);border:1px solid var(--gray);border-radius:var(--radius);font-size:var(--font-size-xs);color:var(--text);font-weight:500}.portfolio-result{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ffd60a14;border-left:3px solid var(--yellow);border-radius:var(--radius);margin-top:auto}.result-icon{width:16px;height:16px;color:var(--yellow-dark);flex-shrink:0}.portfolio-result span{font-size:var(--font-size-sm);color:var(--dark);font-weight:600}@media (max-width: 1024px){.portfolio-grid{grid-template-columns:1fr;gap:var(--space-6)}}@media (max-width: 768px){.portfolio{padding:var(--space-16) 0}.portfolio-card-content{padding:var(--space-8)}}.contact{padding:var(--space-24) 0;background:var(--gray-lighter);color:var(--text);position:relative;overflow:hidden}.contact .container{position:relative;z-index:2}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.contact-text h2{font-size:clamp(var(--font-size-3xl),4vw,var(--font-size-5xl));font-weight:700;margin-bottom:var(--space-6);color:var(--dark);letter-spacing:-.02em;line-height:1.2}.contact-text h2:after{content:"";display:block;width:80px;height:4px;background:var(--yellow);margin-top:var(--space-4);border-radius:var(--radius-full)}.contact-text p{font-size:var(--font-size-xl);line-height:1.7;margin-bottom:var(--space-8);color:var(--text-light);font-weight:400}.contact-info{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.contact-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-lighter);transition:all var(--transition);box-shadow:var(--shadow-sm)}.contact-item:hover{box-shadow:var(--shadow-md);border-color:var(--yellow);transform:translate(4px)}.contact-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd60a1a,#ffd60a0d);border-radius:var(--radius);border:1px solid rgba(255,214,10,.3);flex-shrink:0}.contact-svg{width:20px;height:20px;color:var(--yellow-dark)}.contact-item span,.contact-link{color:var(--text);font-weight:500;font-size:var(--font-size-base);text-decoration:none;transition:color var(--transition)}.contact-link:hover{color:var(--yellow-dark)}.contact-form{background:var(--white);border:1px solid var(--gray-lighter);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.contact-form form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{position:relative}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:var(--space-3) var(--space-4);background:var(--gray-lighter);border:2px solid transparent;border-radius:var(--radius);font-size:var(--font-size-base);font-family:inherit;color:var(--text);transition:all var(--transition)}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:none;border-color:var(--yellow);background:var(--white)}.contact-form input:disabled,.contact-form textarea:disabled,.contact-form select:disabled{opacity:.6;cursor:not-allowed}.service-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23334155' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:var(--space-10);font-weight:400}.service-select:hover:not(:disabled){border-color:#ffd60a4d;background-color:var(--white)}.service-select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffd60a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.contact-form textarea{resize:vertical;min-height:120px}.form-status{padding:var(--space-3);border-radius:var(--radius);margin-bottom:var(--space-4);font-size:var(--font-size-sm);font-weight:500}.form-status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-status.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.submit-button{background:var(--dark);color:var(--white);border:none;padding:var(--space-4);border-radius:var(--radius);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-md)}.submit-button:hover:not(:disabled){background:var(--dark-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.contact-content{grid-template-columns:1fr;gap:var(--space-12)}.contact-text{text-align:center}.contact-text h2:after{margin-left:auto;margin-right:auto}}@media (max-width: 768px){.contact{padding:var(--space-16) 0}}.footer{background:var(--dark);color:var(--white);padding:var(--space-16) 0 var(--space-8);position:relative}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-12);margin-bottom:var(--space-12)}.footer-section h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--white)}.footer-section h4{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-4);color:var(--white)}.footer-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.footer-logo{width:40px;height:40px;object-fit:contain}.footer-tagline{color:var(--gray);font-size:var(--font-size-sm);line-height:1.6;max-width:250px}.footer-nav,.footer-contact{display:flex;flex-direction:column;gap:var(--space-2)}.footer-link{color:var(--gray);text-decoration:none;font-size:var(--font-size-sm);transition:all var(--transition);background:none;border:none;padding:0;cursor:pointer;text-align:left;font-family:inherit}.footer-link:hover{color:var(--yellow);transform:translate(4px)}.footer-social{display:flex;gap:var(--space-3)}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius);color:var(--white);transition:all var(--transition);text-decoration:none}.social-link:hover{background:var(--yellow);color:var(--dark);transform:translateY(-4px)}.social-icon{width:20px;height:20px}.footer-bottom{padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{color:var(--gray);font-size:var(--font-size-sm)}@media (max-width: 1024px){.footer-content{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}@media (max-width: 640px){.footer{padding:var(--space-12) 0 var(--space-6)}.footer-content{grid-template-columns:1fr;gap:var(--space-8)}.footer-section{text-align:center}.footer-brand{justify-content:center}.footer-tagline{margin-left:auto;margin-right:auto}.footer-nav,.footer-contact{align-items:center}.footer-link{text-align:center}.footer-link:hover{transform:translate(0) translateY(-2px)}.footer-social{justify-content:center}}:root{--primary-gradient: linear-gradient(135deg, #ffd60a 0%, #ecc710 100%);--accent-gradient: linear-gradient(135deg, #ffd60a 0%, #ecc710 100%);--yellow-gradient: linear-gradient(135deg, #ffd60a 0%, #ecc710 100%);--dark-gradient: linear-gradient(135deg, #1e293b 0%, #334155 100%);--primary: #ffd60a;--primary-dark: #ecc710;--accent: #ffd60a;--yellow: #ffd60a;--yellow-light: #fff8dc;--yellow-dark: #ecc710;--dark: #1e293b;--dark-light: #334155;--gray: #64748b;--gray-light: #f8fafc;--gray-lighter: #f1f5f9;--white: #ffffff;--black: #000000;--text: #334155;--text-light: #64748b;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--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;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .04);--shadow: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .04);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .06), 0 2px 4px -2px rgb(0 0 0 / .04);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .06), 0 4px 6px -4px rgb(0 0 0 / .04);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .04);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .8s cubic-bezier(.25, .46, .45, .94)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}@media (prefers-reduced-motion: no-preference){html,*{scroll-behavior:smooth}}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--dark);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all var(--transition-smooth)}.App{min-height:100vh;overflow-x:hidden}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}@media (min-width: 640px){.container{padding:0 var(--space-8)}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px;padding:0 var(--space-10)}}@media (min-width: 1280px){.container{max-width:100%;padding:0 var(--space-12)}}@media (min-width: 1440px){.container{max-width:100%;padding:0 var(--space-16)}}@media (min-width: 1920px){.container{max-width:100%;padding:0 var(--space-20)}}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.fade-in{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.fade-in.animate{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.slide-in-left.animate{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.slide-in-right.animate{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.8);transition:all .8s cubic-bezier(.4,0,.2,1)}.scale-in.animate{opacity:1;transform:scale(1)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}