@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes rotateGradient{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(50px)}}.fade-in-up{animation:fadeInUp 1s ease-out forwards;opacity:0}.app{min-height:100vh;position:relative;overflow:hidden;background:#0a0a0a}.background-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;z-index:0}.gradient-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.4;z-index:1;pointer-events:none;transition:transform .3s ease-out}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#4a9eff 0%,transparent 70%);top:-200px;right:-200px;animation:pulse 8s ease-in-out infinite}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#7b68ee 0%,transparent 70%);bottom:-150px;left:-150px;animation:pulse 10s ease-in-out infinite 2s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,#ff6b9d 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 12s ease-in-out infinite 4s}.container{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:2rem 4rem;min-height:100vh;display:flex;flex-direction:column}.header{padding:1rem 0 2rem;text-align:center;max-width:900px;margin:0 auto}.logo{font-size:2rem;font-weight:700;letter-spacing:.05em;color:#fff;display:flex;align-items:center;justify-content:center;gap:.3rem;margin-bottom:1.5rem}.hero-subtitle{font-size:1.1rem;line-height:1.8;color:#fff9;font-weight:400;letter-spacing:.02em;animation:fadeInUp 1s ease-out .3s forwards;opacity:0}.hero-subtitle .highlight{background:#fffffff2;color:#4a9eff;padding:.15rem .5rem;border-radius:4px;font-weight:600;white-space:nowrap}.logo-letter{display:inline-block;background:linear-gradient(135deg,#4a9eff,#7b68ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.2rem;font-weight:800;animation:float 3s ease-in-out infinite}.logo-letter:nth-child(1){animation-delay:0s}.logo-letter:nth-child(2){animation-delay:.2s}.logo-letter:nth-child(3){animation-delay:.4s}.logo-text{color:#ffffffe6;font-weight:400;margin-left:.3rem}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:0}.content-wrapper{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;width:100%;align-items:start}.hero-section{display:flex;flex-direction:column;gap:2rem;padding-top:0}.hero-content-top{display:flex;flex-direction:column;gap:1.5rem}.main-message{font-size:3.5rem;font-weight:700;line-height:1.2;background:linear-gradient(135deg,#fff,#4a9eff,#7b68ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:rotateGradient 8s linear infinite;margin-bottom:0}.stats-container{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1.5rem 0 1rem}.stat-item{display:flex;flex-direction:column;gap:.3rem}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#4a9eff,#7b68ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.9rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.stat-divider{width:1px;height:50px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.2),transparent)}.form-section{display:flex;justify-content:flex-end;align-self:start}.form-card{width:100%;max-width:500px;padding:3rem;background:#ffffff05;border-radius:24px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;transition:all .4s ease}.form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(74,158,255,.5),transparent)}.form-card:hover{transform:translateY(-5px);box-shadow:0 12px 48px #4a9eff33,inset 0 1px #ffffff1a;border-color:#4a9eff4d}.form-title{font-size:1.8rem;font-weight:600;color:#fff;margin-bottom:2rem;display:flex;align-items:center;gap:.8rem}.form-title-icon{color:#4a9eff;font-size:1.5rem;animation:pulse 2s ease-in-out infinite}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.85rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em}.form-input,.form-textarea{padding:1rem 1.25rem;font-size:1rem;font-family:Montserrat,sans-serif;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;transition:all .3s ease;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff4d}.form-input:focus,.form-textarea:focus{background:#ffffff14;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1a,0 4px 12px #4a9eff33;transform:translateY(-2px)}.form-textarea{resize:vertical;min-height:100px}.submit-button{padding:1.1rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4a9eff,#7b68ee);border:none;border-radius:12px;cursor:pointer;transition:all .4s ease;margin-top:.5rem;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.submit-button:hover:before{left:100%}.submit-button:hover{transform:translateY(-3px);box-shadow:0 12px 40px #4a9eff66}.submit-button:active{transform:translateY(-1px)}.submit-button.submitted{background:linear-gradient(135deg,#4ade80,#22c55e)}.button-arrow{transition:transform .3s ease;display:inline-block}.submit-button:hover .button-arrow{transform:translate(5px)}.button-icon{font-size:1.2rem}.footer{margin-top:auto;padding:2rem 0 1.5rem;position:relative}.footer-line{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin-bottom:1.5rem}.footer-content{display:flex;flex-direction:column;gap:1rem}.footer-info{display:flex;justify-content:space-between;align-items:center;color:#fff6;font-size:.9rem}.footer-company{font-weight:600;color:#fff9;transition:all .3s ease;cursor:default;position:relative;display:inline-block}.footer-company:hover{color:#4a9eff;transform:translateY(-2px);text-shadow:0 0 20px rgba(74,158,255,.5)}.footer-address{color:#fff6}.projects-section{margin-top:1rem;width:100%}.projects-title{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin-bottom:2rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.8rem}.projects-title-icon{font-size:1.3rem;animation:pulse 2s ease-in-out infinite}.carousel-container{position:relative;display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.carousel-content{flex:1;overflow:hidden}.project-card{background:#ffffff05;border:2px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;transition:all .4s ease;animation:fadeInUp .5s ease-out}.project-card-glow{content:"";position:absolute;top:0;left:0;right:0;height:1px;opacity:.8}.project-card:hover{transform:translateY(-5px);background:#ffffff0d;box-shadow:0 12px 48px #4a9eff33,inset 0 1px #ffffff1a;border-color:#4a9eff4d}.project-header{margin-bottom:1.5rem}.project-name-wrapper{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.project-name{font-size:2rem;font-weight:700;margin:0}.project-icon{font-size:.9rem;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 8px currentColor)}.project-tagline{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.project-description{font-size:1.1rem;line-height:1.6;color:#fffc;margin-bottom:2rem}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.8rem;font-size:1rem;font-weight:600;color:#fff;text-decoration:none;border-radius:10px;transition:all .3s ease}.project-link:hover{transform:translate(5px);box-shadow:0 8px 25px #0000004d}.carousel-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-button:hover{background:#4a9eff33;border-color:#4a9eff;transform:scale(1.1)}.carousel-button:active{transform:scale(.95)}.carousel-dots{display:flex;justify-content:center;gap:.8rem}.dot{width:10px;height:10px;border-radius:50%;border:none;cursor:pointer;transition:all .3s ease;padding:0}.dot:hover{transform:scale(1.3)}.dot.active{width:30px;border-radius:5px}@media (max-width: 1200px){.content-wrapper{gap:4rem}.main-message{font-size:3rem}.project-card{padding:2rem}}@media (max-width: 968px){.container{padding:2rem}.content-wrapper{grid-template-columns:1fr;gap:4rem}.hero-section{text-align:left}.main-message{font-size:2.5rem}.form-section{justify-content:center}.form-card{max-width:600px}.stats-container{justify-content:flex-start}.footer-info{flex-direction:column;gap:.5rem;text-align:center}.carousel-button{width:40px;height:40px;font-size:1.2rem}.project-name{font-size:1.7rem}.hero-subtitle{font-size:1rem}.header{text-align:center}}@media (max-width: 640px){.container{padding:1.5rem}.logo{font-size:1.5rem}.logo-letter{font-size:1.7rem}.logo-text{font-size:1.5rem}.hero-subtitle{font-size:.95rem}.main-message{font-size:2rem}.form-card{padding:2rem 1.5rem}.stats-container{gap:1.5rem}.stat-number{font-size:2rem}.stat-label{font-size:.8rem}.orb-1,.orb-2,.orb-3{opacity:.2}.carousel-container{gap:.8rem}.carousel-button{width:35px;height:35px;font-size:1rem}.project-card{padding:1.5rem}.project-name{font-size:1.5rem}.project-description{font-size:1rem}.projects-title{font-size:1.3rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff}#root{min-height:100vh}