body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #fff3;border-radius:50px;color:#fff;display:flex;justify-content:space-between;left:50%;max-width:1200px;padding:1rem 2rem;position:fixed;top:20px;transform:translateX(-50%);width:90%;z-index:1000}.logo img{height:50px}nav ul{display:flex;list-style:none;margin:0;padding:0}nav ul li{margin:0 1.5rem}nav ul li a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}nav ul li a:hover{color:#00a896}.hero{align-items:center;color:#fff;display:flex;height:90vh;justify-content:center;overflow:hidden;position:relative;text-align:center}.hero:before{background:linear-gradient(0deg,#000c,#0000);content:"";left:0;top:0;z-index:0}.hero-video,.hero:before{height:100%;position:absolute;width:100%}.hero-video{left:50%;object-fit:cover;opacity:1;top:50%;transform:translate(-50%,-50%);z-index:-1}.hero-content{background-color:initial;border-radius:10px;padding:2rem 4rem;z-index:1}.particles-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.particle{animation:float var(--duration) linear infinite;animation-delay:var(--delay);background:radial-gradient(circle,#00a896cc 0,#00a89633 70%,#0000 100%);border-radius:50%;height:var(--size);left:calc(var(--size)*-1);position:absolute;top:100%;width:var(--size)}@keyframes float{0%{opacity:0;transform:translateY(0) translateX(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) translateX(100px) rotate(1turn)}}.typing-animation{animation:typing 3s steps(40),blink-caret .75s step-end infinite;animation-delay:.5s;animation-fill-mode:both;border-right:3px solid #00a896;font-size:2.5rem;font-weight:700;margin-bottom:1rem;overflow:hidden;text-shadow:2px 2px 4px #000000b3;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#00a896}}.fade-in-delayed{animation:fadeInUp 1s ease-out forwards;animation-delay:2s;font-size:1.2rem;margin-bottom:2rem;opacity:0;text-shadow:1px 1px 2px #000000b3;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.what-we-do{background:linear-gradient(135deg,#fff,#f8f9fa);opacity:0;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.what-we-do:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#00a8960d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.what-we-do.fade-in{opacity:1;transform:translateY(0)}.what-we-do h2{color:#2c3e50;font-size:2.5rem;margin-bottom:3rem}.services{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.service-card{animation:none;background-color:#f8f9fa;border-radius:15px;border-top:5px solid #00a896;box-shadow:0 10px 20px #0000000d;opacity:0;padding:2.5rem 2rem;perspective:1000px;position:relative;transform:translateY(50px) scale(.9) rotateX(15deg);transform-style:preserve-3d;transition:all .6s cubic-bezier(.175,.885,.32,1.275);width:320px}.service-card.animate-in{animation:flipInUp .8s cubic-bezier(.175,.885,.32,1.275) forwards}.service-card:hover{border-top:5px solid #00a896;box-shadow:0 25px 50px #00a89633;transform:translateY(-15px) scale(1.05) rotateX(0deg) rotateY(5deg)}.service-card:before{background:linear-gradient(135deg,#00a8961a,#0000 50%);border-radius:15px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.service-card:hover:before{opacity:1}@keyframes flipInUp{0%{opacity:0;transform:translateY(50px) scale(.9) rotateX(15deg)}30%{opacity:.7;transform:translateY(-20px) scale(1.1) rotateX(-5deg)}60%{opacity:.9;transform:translateY(5px) scale(.98) rotateX(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px) scale(.9)}50%{opacity:.8;transform:translateY(-10px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.service-icon{color:#00a896;display:inline-block;font-size:3rem;margin-bottom:1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.service-card:hover .service-icon{color:#007a6e;text-shadow:0 0 20px #00a89680;transform:scale(1.2) rotateY(180deg)}.service-icon:before{background:radial-gradient(circle,#00a89633 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;width:0;z-index:-1}.service-card:hover .service-icon:before{height:80px;width:80px}.service-card h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem}.service-card p{color:#555}.products{background-color:#f8f9fa;opacity:0;padding:5rem 2rem;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.products.fade-in{opacity:1;transform:translateY(0)}.product-container{background-color:#fff;border-radius:15px;box-shadow:0 15px 30px #0000001a;display:flex;gap:3rem;margin:0 auto;max-width:1200px;padding:3rem}.product-gallery{flex:1 1}.main-image-container{margin-bottom:1rem}.main-image{border-radius:10px;box-shadow:0 10px 20px #0000001a;transition:all .3s ease;width:100%}.main-image:hover{box-shadow:0 15px 30px #0003;transform:scale(1.02)}.thumbnail-container{display:flex;gap:1rem}.thumbnail{border:2px solid #0000;border-radius:8px;cursor:pointer;height:80px;object-fit:cover;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:80px}.thumbnail:before{background:linear-gradient(45deg,#0000 30%,#00a8964d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease;z-index:1}.thumbnail:hover{border-color:#00a896;box-shadow:0 12px 30px #00a89666;transform:scale(1.1) translateY(-8px) rotateY(5deg)}.thumbnail:hover:before{transform:translateX(100%)}.thumbnail.active{border-color:#00a896;box-shadow:0 5px 15px #00a89633;transform:scale(1.05)}.product-details{flex:1 1;text-align:left}.product-details h2{color:#00a896;font-size:1.5rem;margin-bottom:.5rem}.product-details h3{color:#2c3e50;font-size:2.5rem;margin-bottom:1.5rem}.product-description{color:#555;font-size:1.1rem;margin-bottom:2rem}.product-details h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.features-list{list-style:none;margin-bottom:2rem;padding:0}.features-list li{color:#555;margin-bottom:.5rem;padding-left:20px;position:relative}.features-list li:before{color:#00a896;content:"✓";left:0;position:absolute}.quote-button{background:linear-gradient(135deg,#00a896,#007a6e);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2.5rem;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.quote-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.quote-button:after{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0;z-index:0}.quote-button:hover:before{left:100%}.quote-button:hover:after{height:300px;width:300px}.quote-button:hover{background:linear-gradient(135deg,#007a6e,#00a896);border-radius:25px;box-shadow:0 15px 35px #00a89680;transform:translateY(-5px) scale(1.1) rotateX(5deg)}.quote-button:active{transform:translateY(-2px) scale(1.05);transition:all .1s ease}.contact{background-color:#fff;opacity:0;padding:5rem 2rem;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.contact.fade-in{opacity:1;transform:translateY(0)}.contact-container{background-color:#f8f9fa;border-radius:15px;box-shadow:0 15px 30px #0000001a;display:flex;gap:3rem;margin:0 auto;max-width:1200px;padding:3rem}.animated-element{opacity:0;transform:translateX(-50px);transition:all .6s ease-out}.animated-element.slide-in-left{animation:slideInLeft .8s ease-out forwards}.animated-element.slide-in-right{animation:slideInRight .8s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px) scale(.95)}50%{opacity:.8;transform:translateX(-10px) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px) scale(.95)}50%{opacity:.8;transform:translateX(10px) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}.contact-info{flex:1 1;text-align:left}.contact-info h2{color:#2c3e50;font-size:2.5rem;margin-bottom:1.5rem}.contact-info p{color:#555;font-size:1.1rem;margin-bottom:2rem}.info-list{list-style:none;padding:0}.info-list li{align-items:center;color:#555;display:flex;font-size:1.1rem;margin-bottom:1.5rem}.info-icon{color:#00a896;font-size:1.5rem;margin-right:1rem}.contact-form{flex:1 1}.contact-form form{display:flex;flex-direction:column;gap:1.5rem}.contact-form input,.contact-form textarea{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:1rem;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:#00a896;box-shadow:0 5px 15px #00a89633;outline:none;transform:translateY(-2px)}.contact-form input:hover,.contact-form textarea:hover{border-color:#00a896;transform:translateY(-1px)}.contact-form button{background:linear-gradient(135deg,#00a896,#007a6e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.contact-form button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.contact-form button:hover:before{left:100%}.contact-form button:hover{background:linear-gradient(135deg,#007a6e,#00a896);box-shadow:0 10px 25px #00a89666;transform:translateY(-3px) scale(1.05)}.footer{background-color:#111;color:#fff;padding:4rem 2rem}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-about,.footer-contact,.footer-links,.footer-social{flex:1 1;margin:1rem;min-width:250px}.footer-logo{height:60px;margin-bottom:1rem}.footer h4{color:#00a896;font-size:1.2rem;margin-bottom:1rem}.footer p{color:#ccc}.footer ul{list-style:none;padding:0}.footer ul li{margin-bottom:.5rem}.footer ul li a{color:#ccc;text-decoration:none;transition:color .3s}.footer ul li a:hover{color:#00a896}.social-icons a{border-radius:50%;color:#fff;display:inline-block;font-size:1.5rem;margin-right:1rem;padding:.5rem;transition:all .3s ease}.social-icons a:hover{background-color:#00a8961a;color:#00a896;transform:translateY(-3px) scale(1.2)}.footer-bottom{border-top:1px solid #333;margin-top:2rem;padding-top:2rem;text-align:center}