@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Raleway:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}.hero{position:relative;width:100%;height:100vh;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-left-section,.hero-left-section *,.no-cursor-effects,.no-cursor-effects *,.company-title,.company-title *,.animated-word,.animated-word *,.title-line,.title-line *,.word-char,.word-blue-1,.word-golden-1,.word-golden-2,.golden-blue-title,.golden-blue-title *,.tagline,.tagline *,.description,.description *,.hero-company-logo,.hero-company-logo *,.hero-logo-image{transform:none!important;transition:transform 0s!important;perspective:none!important;transform-style:flat!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;will-change:auto!important;transform-origin:initial!important}.no-cursor-effects:hover,.no-cursor-effects:focus,.no-cursor-effects:active,.company-title:hover,.company-title:focus,.company-title:active,.company-title *:hover,.company-title *:focus,.company-title *:active{transform:none!important;transition:none!important;perspective:none!important;transform-style:flat!important}.hero-left-section{position:relative;background:#fff!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.5rem 2rem 2rem;z-index:20;min-height:100vh;border-right:1px solid rgba(229,231,235,.5);box-shadow:inset -10px 0 30px #e5e7eb33;transform:none!important;transition:transform 0s!important;perspective:none!important;transform-style:flat!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;will-change:auto!important;transform-origin:initial!important}.hero-left-section:before{background-image:none!important;background:transparent!important}.hero-left-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(229,231,235,.3) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(229,231,235,.2) 0%,transparent 50%);pointer-events:none;z-index:1}.hero-left-section>*{position:relative;z-index:2}.hero-right-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;min-height:100vh;overflow:hidden}.hero-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-video{width:100%;height:100%;object-fit:cover;object-position:center;transition:none}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0009,#0006,#0009);z-index:2}.hero-right-section .particles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(255,215,0,.6) 0%,transparent 70%);border-radius:50%;animation:particleFloat 8s infinite ease-in-out}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0) scale(0)}10%{opacity:1;transform:translateY(-10px) scale(1)}90%{opacity:1;transform:translateY(-20px) scale(1.2)}}.hero-right-section .hero-geometry{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}.geometric-shape{position:absolute;opacity:.08;border:2px solid #FFD700;transition:none}.shape-1{width:200px;height:200px;top:10%;left:10%;border-radius:50%;animation:shapeRotate 20s linear infinite}.shape-2{width:150px;height:150px;top:60%;right:15%;border-radius:0;animation:shapeRotate 15s linear infinite reverse}.shape-3{width:100px;height:100px;bottom:20%;left:20%;border-radius:25%;animation:shapeRotate 25s linear infinite}@keyframes shapeRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.hero-company-logo{position:relative;margin:-10px 0 .5rem;padding:0;width:240px;height:240px;display:flex;align-items:center;justify-content:center;opacity:1;overflow:visible;border:none;box-shadow:none}.hero-company-logo:before,.logo-glow-ring,.logo-inner-ring,.logo-reflection{display:none}.hero-logo-image{width:220px;height:220px;object-fit:contain;border-radius:0;transition:all .5s ease;filter:brightness(1.4) contrast(1.3) saturate(1.2)}.hero-logo-image:hover{transform:scale(1.05);filter:brightness(1.5) contrast(1.4) saturate(1.3)}@keyframes logoSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.static-title{margin-bottom:.3rem;text-align:center;opacity:1;margin-top:-15px;position:relative;z-index:10;animation:none}.company-title{margin-bottom:.3rem;text-align:center;opacity:0;animation:fadeInUp .8s ease-out .2s forwards;margin-top:-5px;position:relative;z-index:10;transform:none!important;transition:none!important;perspective:none!important;transform-style:flat!important;pointer-events:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;will-change:auto!important}.company-title h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;text-transform:uppercase;margin:0;line-height:1.1;letter-spacing:1px;font-family:Inter,sans-serif!important;text-align:center;color:#1e293b;transform:none!important;transition:none!important;perspective:none!important;transform-style:flat!important;pointer-events:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;will-change:auto!important}.title-line{display:block;margin-bottom:.2rem;transform:none!important;transition:none!important;perspective:none!important;transform-style:flat!important;pointer-events:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;will-change:auto!important}.animated-word{display:inline-block;margin-right:.5rem;opacity:0;animation:wordSlideIn .6s ease-out forwards;position:relative;transform:none!important;transition:none!important;perspective:none!important;transform-style:flat!important;pointer-events:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;will-change:auto!important}.word-blue-1{color:#1e40af;font-weight:700;animation-delay:.3s;transform:none!important;transition:none!important;perspective:none!important;transform-style:flat!important;pointer-events:none!important}.word-golden-1{color:#000;font-weight:800;animation-delay:.1s;transform:none!important;transition:none!important;perspective:none!important;transform-style:flat!important;pointer-events:none!important}.word-golden-2{background:linear-gradient(135deg,gold,#ffc107,gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;animation-delay:.5s;transform:none!important;transition:none!important;perspective:none!important;transform-style:flat!important;pointer-events:none!important}.word-golden-2:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 3s 1;z-index:1;transform:none!important;transition:none!important;perspective:none!important;transform-style:flat!important;pointer-events:none!important}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes wordSlideIn{0%{opacity:0;transform:translateY(20px) rotateX(20deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.word-char{display:inline-block;transform-origin:bottom center;transform:none!important;transition:none!important;perspective:none!important;transform-style:flat!important;pointer-events:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;will-change:auto!important}.company-title,.company-title *,.animated-word,.animated-word *,.title-line,.title-line *,.word-char,.word-blue-1,.word-golden-1,.word-golden-2,.golden-blue-title,.golden-blue-title *,.no-cursor-effects,.no-cursor-effects *{transform:none!important;transition:none!important;perspective:none!important;transform-style:flat!important;pointer-events:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;will-change:auto!important;animation-fill-mode:forwards!important}.hero-left-section:hover,.hero-left-section:hover *,.hero-left-section:focus,.hero-left-section:focus *,.hero-left-section:active,.hero-left-section:active *,.company-title:hover,.company-title:hover *,.animated-word:hover,.animated-word:hover *,.title-line:hover,.title-line:hover *,.word-char:hover,.word-blue-1:hover,.word-golden-1:hover,.word-golden-2:hover,.golden-blue-title:hover,.golden-blue-title:hover *,.no-cursor-effects:hover,.no-cursor-effects:hover *,.company-title:focus,.company-title:focus *,.company-title:active,.company-title:active *,.tagline:hover,.tagline:hover *,.description:hover,.description:hover *,.hero-company-logo:hover,.hero-company-logo:hover *,.hero-logo-image:hover{transform:none!important;transition:transform 0s!important;perspective:none!important;transform-style:flat!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important}.tagline{margin-top:-5px;margin-bottom:1.5rem;text-align:center;font-size:1.2rem;color:#1e293b;font-weight:500;letter-spacing:1px;opacity:1}.tagline p{font-size:clamp(1rem,2vw,1.3rem);font-weight:300;letter-spacing:4px;text-transform:uppercase;color:#334155;margin:0;font-family:Inter,sans-serif!important;position:relative}.tagline p:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,#1e40af,transparent)}.description{text-align:center;max-width:600px;width:100%;padding:0 1rem;opacity:0;animation:fadeInUp .8s ease-out 1.1s forwards;margin-top:0;margin-bottom:1rem}.description p{font-size:clamp(.9rem,1.8vw,1.1rem);line-height:1.7;color:#475569;text-align:center;font-weight:400;font-family:Inter,sans-serif!important}.description p strong{color:#000;font-weight:600;background:linear-gradient(135deg,#1e40af,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-right-content{position:relative;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem}.hero-buttons{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.5rem;opacity:0;animation:fadeInUp .8s ease-out 1.3s forwards;margin-top:1rem}.hero-btn{padding:1rem 2rem;font-size:.9rem;font-weight:600;border-radius:50px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;border:none;cursor:pointer;min-width:200px;text-align:center;font-family:Inter,sans-serif!important;box-shadow:0 8px 25px #0000004d}.hero-btn.primary{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-btn.secondary{background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);color:#fff;border:2px solid transparent;position:relative;overflow:hidden}.hero-btn.secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.hero-btn.secondary:hover:before{left:100%}.hero-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 35px #0006}.hero-btn.primary:hover{background:#fff3;border-color:#fff6}.hero-btn.secondary:hover{background:linear-gradient(135deg,#3b82f6,#60a5fa,#93c5fd);box-shadow:0 12px 35px #1e40af66}.hero-stats{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;opacity:0;animation:fadeInUp .8s ease-out 1.5s forwards}.stat{text-align:center;padding:1.2rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease;min-width:110px;box-shadow:0 8px 25px #0003}.stat:hover{transform:translateY(-8px) scale(1.03);background:#ffffff26;box-shadow:0 15px 35px #ffd70033}.stat-number{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,gold,#ffc107);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.3rem;font-family:Inter,sans-serif!important;text-shadow:0 0 20px rgba(255,215,0,.5)}.stat-label{font-size:.75rem;color:#ffffffe6;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-family:Inter,sans-serif!important;text-shadow:0 2px 4px rgba(0,0,0,.8)}.see-us-circle{position:absolute;bottom:6rem;right:2rem;width:80px;height:80px;background:linear-gradient(135deg,#4a5568,#2d3748);border:none;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 25px #4a556866;transition:all .3s ease;z-index:1001;opacity:0;animation:fadeInUp .8s ease-out 1.7s forwards;font-family:Inter,sans-serif!important}.see-us-circle:hover{transform:scale(1.1);box-shadow:0 12px 35px #4a556899}.see-us-circle span{line-height:1.2}.see-us-circle .play-icon{font-size:1rem;margin-top:.2rem}.floating-contact{position:absolute;bottom:2rem;right:2rem;background:linear-gradient(135deg,gold,orange);color:#1e293b;border:none;padding:1rem 1.5rem;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 8px 25px #ffd70066;transition:all .3s ease;z-index:1000;opacity:0;animation:fadeInUp .8s ease-out 1.9s forwards;font-family:Inter,sans-serif!important;display:flex;align-items:center;gap:.5rem}.floating-contact:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 35px #ffd70099}.floating-contact.sticky-quote-btn{position:fixed;bottom:7rem;right:2rem;background:linear-gradient(135deg,gold,#3b82f6)!important;color:#fff;border:none;padding:.9rem 1.6rem;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 8px 25px #3b82f666;transition:all .3s ease;z-index:1002;opacity:1;animation:none;font-family:Inter,sans-serif!important;display:flex;align-items:center;gap:.5rem}.floating-contact.sticky-quote-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 35px #ffd70099;background:linear-gradient(135deg,#3b82f6,gold)!important}.scroll-btn{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;opacity:0;animation:fadeInUp .8s ease-out 2.1s forwards;transition:all .3s ease;z-index:25;font-family:Inter,sans-serif!important}.scroll-btn:hover{background:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%) scale(1.05)}.scroll-btn span{font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.8)}.arrow{font-size:1.2rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-modal-overlay.active{opacity:1;visibility:visible}.video-modal-container{position:relative;width:90%;max-width:1000px;height:70%;max-height:600px;background:#000000e6;border-radius:15px;overflow:hidden;box-shadow:0 25px 50px #000000b3;transform:scale(.9);transition:all .5s ease;border:1px solid rgba(255,255,255,.1)}.video-modal-overlay.active .video-modal-container{transform:scale(1)}.video-modal-video{width:100%;height:100%;object-fit:cover;border-radius:15px}.video-controls{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:2rem;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-modal-container:hover .video-controls{opacity:1;pointer-events:auto}.video-nav-btn{background:#ffffff26;border:2px solid rgba(255,255,255,.25);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-nav-btn:hover{background:#ffd7004d;transform:scale(1.1)}.video-nav-btn:disabled{opacity:.4;cursor:not-allowed}.video-close-btn{position:absolute;top:1rem;right:1rem;background:#ffffff26;border:2px solid rgba(255,255,255,.25);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-close-btn:hover{background:#dc50504d;transform:scale(1.1)}.video-info{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:center;background:#000000b3;padding:.8rem 1rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.video-modal-container:hover .video-info{opacity:1}.video-title{color:#fff;font-size:1rem;font-weight:600;margin:0;font-family:Inter,sans-serif!important}.video-counter{color:#ffffffb3;font-size:.8rem;background:#ffffff14;padding:.4rem .8rem;border-radius:15px;border:1px solid rgba(255,255,255,.15);font-family:Inter,sans-serif!important}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1rem;display:flex;align-items:center;gap:1rem;z-index:10;font-family:Inter,sans-serif!important}.loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #FFD700;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-progress{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.8rem;background:#0009;padding:.6rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;animation:fadeInUp .5s ease-out 2s forwards;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);font-family:Inter,sans-serif!important}.scroll-progress:hover{background:#000c;transform:translate(-50%) scale(1.05)}.scroll-arrow-down{animation:bounce 2s infinite;font-size:.9rem}@media (max-width: 1024px) and (max-height: 1400px) and (min-width: 800px),(width: 820px) and (height: 1180px),(width: 1024px) and (height: 1366px),(width: 912px) and (height: 1368px),(width: 853px) and (height: 1280px){.hero{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:100vh}.hero-left-section{background:#fff!important;min-height:auto;border-right:none;border-bottom:1px solid rgba(229,231,235,.3);padding:2.5rem 2.5rem 2rem}.hero-right-section{min-height:70vh}.hero-right-content{padding:2.5rem 2rem}.hero-company-logo{width:160px;height:160px;margin:.5rem 0 1rem}.hero-logo-image{width:140px;height:140px}.company-title{margin-bottom:1.2rem}.company-title h1{font-size:clamp(2rem,4vw,3rem)}.tagline{margin-bottom:1.2rem}.tagline p{font-size:clamp(1rem,2.5vw,1.3rem)}.description{max-width:500px;margin-bottom:1rem}.hero-buttons{margin-bottom:2rem}.hero-btn{padding:.9rem 1.8rem;font-size:.9rem;min-width:180px}.hero-stats{gap:1.2rem}.floating-contact.sticky-quote-btn{bottom:3rem;right:1.5rem;padding:.8rem 1.2rem;font-size:.9rem}.see-us-circle{bottom:10rem;right:1.5rem;width:75px;height:75px}}@media (max-width: 1200px) and (min-width: 1025px),(max-width: 1024px) and (min-height: 1400px){.hero{grid-template-columns:1fr;grid-template-rows:minmax(100vh,auto) minmax(100vh,auto);height:auto;min-height:auto}.hero-left-section,.hero-right-section{min-height:100vh;width:100%}.hero-left-section{background:#fff!important;border-right:none;border-bottom:1px solid rgba(229,231,235,.3);padding:4.5rem 2rem 3rem}.hero-right-content{padding:3rem 2rem}.company-title h1{font-size:clamp(2rem,4vw,3.5rem)}.tagline p{font-size:clamp(1rem,2.5vw,1.4rem)}.description{max-width:500px}.floating-contact.sticky-quote-btn{bottom:9rem;right:1.5rem;padding:.8rem 1.2rem;font-size:.9rem}.see-us-circle{bottom:5.5rem;right:1.5rem}.hero-company-logo{width:180px;height:180px}.hero-logo-image{width:160px;height:160px}}@media (max-width: 768px) and not ((width: 820px) and (height: 1180px)) and not ((width: 1024px) and (height: 1366px)) and not ((width: 912px) and (height: 1368px)) and not ((width: 853px) and (height: 1280px)),(max-width: 799px){.hero{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:100vh}.hero-left-section{background:#fff!important;min-height:auto;border-right:none;border-bottom:1px solid rgba(229,231,235,.3);padding:2rem 1.5rem}.hero-right-section{min-height:70vh}.hero-right-content{padding:2rem 1.5rem}.hero-company-logo{width:120px;height:120px;margin:.5rem 0 1rem}.hero-logo-image{width:100px;height:100px}.company-title{margin-bottom:1rem;margin-top:0}.company-title h1{font-size:clamp(1.5rem,5vw,2.5rem)}.tagline{margin-top:0;margin-bottom:1rem}.tagline p{font-size:clamp(.9rem,3vw,1.2rem);letter-spacing:3px}.description{max-width:100%;padding:0 .5rem;margin-bottom:1rem}.description p{font-size:clamp(.8rem,2.5vw,1rem)}.hero-buttons{gap:1rem;margin-bottom:1.5rem}.hero-btn{padding:.8rem 1.5rem;font-size:.85rem;min-width:160px}.hero-stats{gap:1rem;margin-bottom:1rem}.stat{padding:1rem 1.2rem;min-width:90px}.floating-contact.sticky-quote-btn{bottom:2rem;right:1rem;padding:.7rem 1rem;font-size:.8rem}.see-us-circle{bottom:8rem;right:1rem;width:70px;height:70px;font-size:.75rem}}@media (max-width: 480px){.hero-left-section{background:#fff!important;padding:1.5rem 1rem}.hero-right-section{min-height:60vh}.hero-right-content{padding:1.5rem 1rem}.hero-company-logo{width:100px;height:100px;margin:.3rem 0 .8rem}.hero-logo-image{width:80px;height:80px}.company-title h1{font-size:clamp(1.2rem,6vw,2rem)}.tagline p{font-size:clamp(.8rem,4vw,1rem);letter-spacing:2px}.description p{font-size:clamp(.7rem,3vw,.9rem)}.description{padding:0 .2rem;margin-bottom:.8rem}.hero-btn{padding:.7rem 1.3rem;font-size:.8rem;min-width:140px}.hero-buttons{margin-bottom:1rem}.hero-stats{gap:.8rem}.stat{padding:.8rem 1rem;min-width:80px}.floating-contact.sticky-quote-btn{bottom:1.5rem;right:.8rem;padding:.6rem .9rem;font-size:.75rem}.see-us-circle{bottom:6rem;right:.8rem;width:60px;height:60px;font-size:.7rem}}@media (max-width: 360px){.hero-left-section{background:#fff!important;padding:1rem .8rem}.hero-right-section{min-height:50vh}.hero-company-logo{width:80px;height:80px;margin:.2rem 0 .5rem}.hero-logo-image{width:65px;height:65px}.company-title{margin-bottom:.8rem}.company-title h1{font-size:clamp(1.1rem,5vw,1.8rem)}.tagline{margin-bottom:.8rem}.tagline p{font-size:clamp(.7rem,3.5vw,.9rem);letter-spacing:1.5px}.description{margin-bottom:.5rem}.description p{font-size:clamp(.65rem,2.8vw,.85rem)}.hero-btn{padding:.6rem 1.1rem;font-size:.75rem;min-width:130px}.hero-buttons{margin-bottom:.8rem}.stat{padding:.7rem .8rem;min-width:75px}.floating-contact.sticky-quote-btn{bottom:1rem;right:.7rem;padding:.5rem .8rem;font-size:.7rem}.see-us-circle{bottom:5rem;right:.7rem;width:55px;height:55px;font-size:.65rem}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 500px){.hero{grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:auto;min-height:500px}.hero-left-section,.hero-right-section{min-height:500px;height:100vh}.hero-left-section{background:#fff!important;border-right:1px solid rgba(229,231,235,.3);border-bottom:none;padding:2rem 1rem 1rem;justify-content:center}.hero-right-content{padding:1rem}.hero-company-logo{width:80px;height:80px;margin:.3rem 0 .5rem}.hero-logo-image{width:65px;height:65px}.company-title h1{font-size:clamp(1.2rem,4vw,2rem)}.tagline p{font-size:clamp(.8rem,2.5vw,1rem);margin-bottom:.5rem}.description p{font-size:clamp(.7rem,2vw,.9rem)}.description{max-width:450px;padding:0 .5rem;margin-bottom:.5rem}.hero-buttons{gap:.8rem;margin-bottom:1.5rem}.hero-btn{padding:.6rem 1.2rem;font-size:.75rem;min-width:130px}.floating-contact.sticky-quote-btn{bottom:6rem;right:1rem;padding:.6rem .9rem;font-size:.75rem}.see-us-circle{bottom:3.5rem;right:1rem;width:60px;height:60px;font-size:.7rem}}@media (max-width: 768px){.hero-left-section{align-items:flex-start;text-align:left;padding-left:1rem}.company-title,.tagline,.description,.hero-company-logo{align-self:flex-start;margin-left:0}.company-title h1,.tagline p,.description p{text-align:left}.hero-cta{align-self:flex-start}}@media (max-width: 480px){.hero-left-section{padding-left:.8rem}}.about-section{position:relative;min-height:100vh;background:radial-gradient(ellipse at top left,#fff,#f8fafc,#f1f5f9,#e2e8f0,#cbd5e1);overflow:hidden;padding:100px 0;perspective:1000px}.dynamic-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.morph-shape{position:absolute;border-radius:50%;opacity:.1;filter:blur(40px);transition:all .3s ease-out;animation:morphAnimation 8s ease-in-out infinite}.shape-1{width:400px;height:400px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);top:10%;left:-10%;animation-delay:0s}.shape-2{width:600px;height:600px;background:linear-gradient(135deg,#45b7d1,#96ceb4);bottom:-20%;right:-15%;animation-delay:-3s}.shape-3{width:300px;height:300px;background:linear-gradient(225deg,#ffeaa7,plum);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-6s}@keyframes morphAnimation{0%,to{border-radius:50% 40% 30% 70%;transform:rotate(0) scale(1)}25%{border-radius:30% 60% 70% 40%;transform:rotate(90deg) scale(1.1)}50%{border-radius:70% 30% 50% 60%;transform:rotate(180deg) scale(.9)}75%{border-radius:40% 70% 30% 50%;transform:rotate(270deg) scale(1.05)}}.particles-system{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.floating-particle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,rgba(183,156,92,.8) 0%,transparent 70%);border-radius:50%;animation:particleFloat 10s infinite linear}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) scale(0) rotate(0)}10%{opacity:1;transform:translateY(90vh) scale(1) rotate(90deg)}90%{opacity:.8;transform:translateY(-10vh) scale(1.2) rotate(720deg)}to{opacity:0;transform:translateY(-20vh) scale(0) rotate(900deg)}}.container{max-width:1400px;margin:0 auto;padding:0 40px;position:relative;z-index:10}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:80vh}.left-panel{position:relative;z-index:20}.title-section{margin-bottom:60px;opacity:0;transform:translate(-100px) rotateY(-30deg);transition:all 1.2s cubic-bezier(.175,.885,.32,1.275)}.title-section.animate{opacity:1;transform:translate(0) rotateY(0)}.title-decoration{display:flex;align-items:center;gap:15px;margin-bottom:20px;opacity:0;animation:decorationSlideIn 1s ease-out .5s forwards}.deco-line{width:50px;height:2px;background:linear-gradient(90deg,transparent,#0c0243,#B79C5C,);border-radius:2px}.deco-circle{width:12px;height:12px;background:radial-gradient(circle,#b79c5c,#8b7355);border-radius:50%;animation:circleGlow 2s ease-in-out infinite}@keyframes circleGlow{0%,to{box-shadow:0 0 10px #b79c5c80;transform:scale(1)}50%{box-shadow:0 0 20px #b79c5ccc;transform:scale(1.2)}}@keyframes decorationSlideIn{0%{opacity:0;transform:scale(.5) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.section-title{font-size:clamp(3rem,5vw,4.5rem);font-weight:900;line-height:1.1;margin:0;perspective:1000px}.title-word{display:inline-block;margin-right:20px;opacity:0;transform:translateY(100px) rotateX(90deg);background:linear-gradient(135deg,#2c3e50,#34495e,#b79c5c);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:wordReveal .8s cubic-bezier(.175,.885,.32,1.275) forwards,gradientShift 4s ease-in-out infinite}.word-1{animation-delay:.8s}.word-2{animation-delay:1s}.word-3{animation-delay:1.2s}@keyframes wordReveal{0%{opacity:0;transform:translateY(100px) rotateX(90deg) scale(.5)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.title-subtitle{font-size:1.3rem;color:#64748b;font-weight:300;letter-spacing:3px;text-transform:uppercase;margin-top:15px;opacity:0;animation:subtitleFadeIn 1s ease-out 1.6s forwards;position:relative}.title-subtitle:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:2px;background:linear-gradient(90deg,#B79C5C,transparent);animation:underlineExpand 1s ease-out 2.2s forwards}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes underlineExpand{0%{width:0}to{width:120px}}.image-container{position:relative;opacity:0;transform:translateY(50px) rotateX(30deg);transition:all 1s cubic-bezier(.175,.885,.32,1.275) .5s}.image-container.animate{opacity:1;transform:translateY(0) rotateX(0)}.image-frame{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 30px 60px #0000001a,0 15px 30px #0000000d;transition:all .5s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(45deg,#ffffffe6,#f8fafce6);padding:20px}.image-frame:hover{transform:translateY(-15px) rotateY(5deg) rotateX(5deg);box-shadow:0 50px 100px #00000026,0 25px 50px #b79c5c1a}.image-frame img{width:100%;height:auto;border-radius:20px;transition:transform .5s ease}.image-frame:hover img{transform:scale(1.05)}.image-overlay{position:absolute;bottom:30px;left:30px;right:30px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;transform:translateY(100%);opacity:0;transition:all .6s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.3)}.image-frame:hover .image-overlay{transform:translateY(0);opacity:1}.overlay-content{display:flex;align-items:center;gap:20px}.overlay-icon{font-size:3rem;animation:iconRotate 3s ease-in-out infinite}@keyframes iconRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.overlay-text{display:flex;flex-direction:column}.overlay-number{font-size:2rem;font-weight:800;color:#b79c5c;line-height:1}.overlay-label{font-size:.9rem;color:#64748b;text-transform:uppercase;letter-spacing:1px}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;color:#64748b}.placeholder-icon{font-size:4rem;margin-bottom:15px;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.placeholder-text{font-size:1.3rem;font-weight:600}.right-panel{position:relative;z-index:20;opacity:0;transform:translate(100px) rotateY(30deg);transition:all 1.2s cubic-bezier(.175,.885,.32,1.275) .8s}.right-panel.animate{opacity:1;transform:translate(0) rotateY(0)}.content-intro{margin-bottom:50px}.intro-text{font-size:1.3rem;line-height:1.8;color:#475569;position:relative;padding-left:30px;margin:0}.intro-text:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#b79c5c,#8b7355);border-radius:3px;animation:lineGrow 1s ease-out 2s forwards;transform:scaleY(0);transform-origin:top}@keyframes lineGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.feature-cards-container{margin-bottom:50px}.cards-title{font-size:1.8rem;font-weight:700;color:#334155;margin-bottom:30px;position:relative;display:inline-block}.cards-title:after{content:"";position:absolute;bottom:-8px;left:0;width:100px;height:3px;background:linear-gradient(90deg,#b79c5c,#8b7355);border-radius:2px}.feature-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{position:relative;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:25px;cursor:pointer;overflow:hidden;opacity:0;transform:translateY(50px) rotateX(30deg);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card.animate{opacity:1;transform:translateY(0) rotateX(0)}.feature-card:nth-child(1){transition-delay:.1s}.feature-card:nth-child(2){transition-delay:.2s}.feature-card:nth-child(3){transition-delay:.3s}.feature-card:nth-child(4){transition-delay:.4s}.feature-card:nth-child(5){transition-delay:.5s}.feature-card:nth-child(6){transition-delay:.6s}.feature-card:nth-child(7){transition-delay:.7s}.feature-card:nth-child(8){transition-delay:.8s}.card-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,var(--card-color),transparent 70%);opacity:calc(var(--hover-intensity) * .1);transition:opacity .3s ease;border-radius:20px}.card-content{position:relative;z-index:2;display:flex;align-items:center;gap:15px}.card-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff80;border-radius:15px;transition:all .3s ease}.feature-card:hover .card-icon{transform:rotate(10deg) scale(1.1);background:#fffc}.card-text{flex:1}.card-title{font-weight:700;color:#334155;font-size:1.1rem;margin-bottom:5px}.card-desc{color:#64748b;font-size:.9rem;line-height:1.4}.card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease;border-radius:20px}.feature-card:hover .card-shine{left:100%}.cta-section{text-align:center;margin-top:40px}.cta-button{position:relative;background:transparent;border:none;padding:20px 50px;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 35px #b79c5c33}.btn-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0c0243,#8b7355);border-radius:50px;transition:all .3s ease}.btn-text{position:relative;z-index:2;color:#fff;display:flex;align-items:center;gap:10px}.btn-icon{font-size:1.3rem;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}.btn-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.btn-particle{position:absolute;width:4px;height:4px;background:#fff9;border-radius:50%;opacity:0;animation:particleExplode .6s ease-out forwards}.btn-particle:nth-child(1){animation-delay:0s;transform:rotate(0) translate(0)}.btn-particle:nth-child(2){animation-delay:.1s;transform:rotate(60deg) translate(0)}.btn-particle:nth-child(3){animation-delay:.2s;transform:rotate(120deg) translate(0)}.btn-particle:nth-child(4){animation-delay:.3s;transform:rotate(180deg) translate(0)}.btn-particle:nth-child(5){animation-delay:.4s;transform:rotate(240deg) translate(0)}.btn-particle:nth-child(6){animation-delay:.5s;transform:rotate(300deg) translate(0)}@keyframes particleExplode{0%{opacity:1;transform:rotate(var(--angle)) translate(0) scale(0)}to{opacity:0;transform:rotate(var(--angle)) translate(30px) scale(1)}}.cta-button:hover .btn-particles .btn-particle{animation:particleExplode .6s ease-out forwards}.cta-subtitle{margin-top:15px;color:#64748b;font-size:1rem;font-style:italic}.client-logos-section{padding:60px 0;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-radius:20px;box-shadow:0 15px 40px #00000014;margin-bottom:70px;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.23,1,.32,1);overflow:hidden}.client-logos-section.animate{opacity:1;transform:translateY(0)}.client-logos-header{text-align:center;margin-bottom:40px}.client-logos-title{font-size:2.8rem;font-weight:700;color:#1e293b;margin:0;background:linear-gradient(135deg,#1e40af,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.client-logos-subtitle{font-size:1.3rem;color:#475569;font-style:italic;margin-top:20px}.client-logos-scroll-container{width:100%;overflow:hidden;position:relative;padding:20px 0}.client-logos-scroll{display:flex;align-items:center;animation:scrollLogosRightToLeft 40s linear infinite;width:fit-content}.client-logos-scroll-container:hover .client-logos-scroll{animation-play-state:paused}@keyframes scrollLogosRightToLeft{0%{transform:translate(-50%)}to{transform:translate(0)}}.client-box{padding:0 30px;margin:0 30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.client-logo-container{width:220px;height:220px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 10px 25px #0000000f;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.8)}.client-logo-container:hover{transform:translateY(-10px);box-shadow:0 20px 30px #0000001a;border-color:#3b82f64d}.client-logo-image{max-width:160px;max-height:160px;object-fit:contain;filter:grayscale(30%);opacity:.9;transition:all .3s ease;position:relative;z-index:2}.client-logo-container:hover .client-logo-image{filter:grayscale(0%);opacity:1;transform:scale(1.1)}.logo-placeholder{height:160px;width:160px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px;position:relative;z-index:2}.placeholder-text{font-size:1.1rem;font-weight:600;color:#64748b;text-align:center;padding:10px}@media (max-width: 768px){.client-logos-section{padding:40px 0}.client-logos-title{font-size:2.2rem}.client-logos-subtitle{font-size:1.1rem}.client-logo-container{width:180px;height:180px;padding:15px;margin:0 20px}.client-logo-image{max-width:130px;max-height:130px}.client-box{padding:0 15px;margin:0 15px}.logo-placeholder{height:130px;width:130px}@keyframes scrollLogosRightToLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}}@media (max-width: 1200px){.split-layout{gap:60px}.container{padding:0 30px}}@media (max-width: 1000px){.content-intro{margin-top:30px;margin-bottom:50px}.intro-text{margin-top:20px}}@media (max-width: 992px){.split-layout{grid-template-columns:1fr;gap:80px;text-align:center}.left-panel,.right-panel{transform:translateY(50px)}.left-panel.animate,.right-panel.animate{transform:translateY(0)}.feature-cards-grid{grid-template-columns:1fr;gap:15px}.morph-shape{opacity:.05}.content-intro{margin-top:40px}}@media (max-width: 768px){.about-section{padding:80px 0}.container{padding:0 20px}.split-layout{gap:60px}.section-title{font-size:clamp(2.5rem,4vw,3.5rem)}.title-word{margin-right:10px}.intro-text{font-size:1.1rem;padding-left:20px}.feature-card{padding:20px}.card-icon{width:45px;height:45px;font-size:1.8rem}.cta-button{padding:15px 40px;font-size:1.1rem}.content-intro{margin-top:50px}}@media (max-width: 480px){.about-section{padding:60px 0}.split-layout{gap:40px}.section-title{font-size:clamp(2rem,3.5vw,2.8rem)}.title-subtitle{font-size:1rem;letter-spacing:2px}.intro-text{font-size:1rem;line-height:1.6}.feature-card{padding:15px}.card-content{flex-direction:column;text-align:center;gap:10px}.cta-button{padding:12px 30px;font-size:1rem}.morph-shape{display:none}.content-intro{margin-top:60px}}.app{overflow-x:hidden}.hero-section{position:relative;min-height:100vh;background-color:var(--secondary-color);display:flex;align-items:center;overflow:hidden}.about-section{position:relative;background-color:var(--light-color)}.about-section .square-box{position:absolute;top:-50px;left:-50px;z-index:0;opacity:.5}.services-section{background-color:var(--secondary-color)}.pricing-section{background-color:var(--light-color)}.book-now-banner{background-color:var(--primary-color);color:var(--light-color);padding:2rem 0;overflow:hidden}.work-process-section{background-color:var(--light-color)}.testimonials-section{background-color:var(--secondary-color)}.contact-section{background-color:var(--light-color);position:relative}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:999;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s forwards}.popup-container{background-color:var(--light-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:2rem;position:relative;animation:scaleIn .3s forwards}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}:root{--primary-color: #005dc1;--secondary-color: #f2f6fb;--accent-color: #ff6e40;--heading-color: #333;--text-color: #555;--light-color: #fff;--dark-color: #222;--border-radius: 8px;--box-shadow: 0 4px 20px rgba(0,0,0,.08);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Poppins,sans-serif;line-height:1.6;color:var(--text-color);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif;color:var(--heading-color);margin-bottom:1rem;font-weight:700}p{margin-bottom:1rem}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}section{padding:5rem 0;position:relative}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;text-transform:uppercase;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background-color:var(--primary-color);color:var(--light-color)}.btn-primary:hover{background-color:#004aa3;transform:translateY(-3px);box-shadow:0 10px 20px #005dc133}.btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:var(--light-color);transform:translateY(-3px)}.btn-accent{background-color:var(--accent-color);color:var(--light-color)}.btn-accent:hover{background-color:#ff5722;transform:translateY(-3px);box-shadow:0 10px 20px #ff6e4033}.section-title{text-align:center;margin-bottom:3rem;position:relative;opacity:0;transform:translateY(30px);animation:sectionTitleFadeIn 1s forwards}.section-title h2{font-size:2.5rem;text-transform:uppercase;margin-bottom:1rem;color:var(--primary-color);position:relative;display:inline-block}.section-title h2:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:0;height:4px;background-color:var(--primary-color);border-radius:2px;animation:sectionLineGrow 1.2s forwards .3s}.section-title p{max-width:600px;margin:0 auto;color:var(--text-color);opacity:0;animation:contentFadeIn 1s forwards .5s}@keyframes sectionTitleFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes sectionLineGrow{to{width:80px}}@keyframes contentFadeIn{to{opacity:1}}@media (max-width: 768px){.section-title h2{font-size:2rem}}.no-scroll{overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn .8s forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.slide-in-left{opacity:0;transform:translate(-50px);animation:slideInLeft .8s forwards}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.slide-in-right{opacity:0;transform:translate(50px);animation:slideInRight .8s forwards}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}body,html,div,p,span,button,input,textarea,select,li,ul,ol,a{font-family:Raleway,sans-serif!important}h1,h2,h3,h4,h5,h6,.section-title h2,.animated-title{font-family:Tuffy,serif!important;font-weight:700}.btn,button,.btn-primary{font-family:Raleway,sans-serif!important;font-weight:600}.font-light{font-weight:300}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.italic{font-style:italic}.not-italic{font-style:normal}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-loose{line-height:2}.admin-login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background-color:var(--secondary-color)}.admin-login-card{width:100%;max-width:400px;padding:2rem;background-color:var(--light-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.admin-login-card h2{text-align:center;margin-bottom:2rem;color:var(--primary-color)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem}.error-message{color:#e74c3c;margin-bottom:1rem;text-align:center;font-size:.9rem}.admin-dashboard-container{display:flex;min-height:100vh;background-color:#f5f7fa}.admin-sidebar{width:250px;background-color:#2c3e50;color:#ecf0f1;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.admin-brand{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-brand h2{margin:0;font-size:1.5rem;color:#ecf0f1}.admin-brand p{margin:.5rem 0 0;font-size:.85rem;opacity:.7}.admin-nav{flex:1;padding:1rem 0}.admin-nav ul{list-style:none;padding:0;margin:0}.admin-nav li{padding:.75rem 1.5rem;display:flex;align-items:center;cursor:pointer;transition:all .3s ease}.admin-nav li:hover{background-color:#ffffff1a}.admin-nav li.active{background-color:var(--primary-color);color:#fff}.admin-nav li svg{margin-right:.75rem;font-size:1.1rem}.admin-logout{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;cursor:pointer;transition:all .3s ease}.admin-logout:hover{background-color:#ffffff1a}.admin-logout svg{margin-right:.75rem;font-size:1.1rem}.admin-main{flex:1;margin-left:250px;padding:1.5rem;overflow-y:auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-header h1{margin:0;font-size:1.8rem;color:#2c3e50}.admin-user{display:flex;align-items:center;cursor:pointer;transition:opacity .3s ease}.admin-user:hover{opacity:.8}.admin-user span{margin-right:.75rem;font-weight:500}.admin-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-left:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;display:flex;align-items:center}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-size:1.5rem;color:#fff}.projects-icon{background-color:#3498db}.inquiries-icon{background-color:#e74c3c}.revenue-icon{background-color:#2ecc71}.clients-icon{background-color:#f39c12}.stat-details{flex:1}.stat-details h3{margin:0 0 .5rem;font-size:.9rem;color:#7f8c8d}.stat-value{margin:0;font-size:1.5rem;font-weight:700;color:#2c3e50}.stat-info{margin:.5rem 0 0;font-size:.85rem;color:#7f8c8d}.highlight{color:var(--primary-color);font-weight:500}.project-types{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.project-type{display:flex;align-items:center;justify-content:space-between;background-color:#f5f7fa;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;width:100%}.type-label{color:#7f8c8d}.type-value{font-weight:700;color:#2c3e50}.admin-panel{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem;overflow:hidden}.panel-header{padding:1rem 1.5rem;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;align-items:center}.panel-header h3{margin:0;font-size:1.1rem;color:#2c3e50}.view-all-btn{background:none;border:none;color:var(--primary-color);font-weight:500;cursor:pointer;font-size:.9rem}.panel-content{padding:0;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid #ecf0f1}.admin-table th{font-weight:500;color:#7f8c8d;font-size:.9rem}.admin-table tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.in-progress{background-color:#3498db26;color:#3498db}.status-badge.completed{background-color:#2ecc7126;color:#2ecc71}.status-badge.new{background-color:#f39c1226;color:#f39c12}.status-badge.resolved{background-color:#34495e26;color:#34495e}.progress-bar{width:100px;height:6px;background-color:#ecf0f1;border-radius:3px;overflow:hidden;margin-right:8px;display:inline-block;vertical-align:middle}.progress{height:100%;background-color:#2ecc71;border-radius:3px}.progress-text{font-size:.75rem;color:#7f8c8d;vertical-align:middle}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.placeholder-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:2rem;text-align:center}.placeholder-content h2{margin-top:0;color:#2c3e50}.placeholder-content p{color:#7f8c8d;margin-bottom:1.5rem}.settings-content{padding:1rem 0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.settings-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:1.5rem}.settings-card-header{display:flex;align-items:center;margin-bottom:1.5rem}.settings-icon{font-size:1.5rem;color:var(--primary-color);margin-right:1rem}.settings-card h3{margin:0;color:#2c3e50}.settings-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1rem}.settings-message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.settings-message.success{background-color:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.settings-message.error{background-color:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.disabled-input{background-color:#f5f7fa;cursor:not-allowed}.settings-card .form-group{margin-bottom:1.25rem}.settings-card label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}.settings-card input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem;transition:border-color .3s ease}.settings-card input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #005dc11a}.settings-card input::placeholder{color:#bdc3c7}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-modal{background-color:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 5px 15px #0003;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.profile-modal-header h2{margin:0;color:var(--primary-color);font-size:1.5rem}.close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#7f8c8d;transition:color .3s ease}.close-btn:hover{color:#e74c3c}.profile-content{padding:1.5rem}.profile-section{margin-bottom:2rem}.profile-section h3{display:flex;align-items:center;margin-bottom:1rem;color:#2c3e50;font-size:1.2rem}.profile-section h3 svg{margin-right:.5rem;color:var(--primary-color)}.profile-message{padding:1rem;margin:0 1.5rem;border-radius:4px;font-weight:500}.profile-message.success{background-color:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.profile-message.error{background-color:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.profile-footer{margin-top:2rem;display:flex;justify-content:flex-end}.btn-danger{background-color:#e74c3c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:background-color .3s ease}.btn-danger:hover{background-color:#c0392b}.profile-section .form-group{margin-bottom:1.25rem}.profile-section label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}.profile-section input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem;transition:border-color .3s ease}.profile-section input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #005dc11a}.profile-section button{display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 576px){.profile-modal{width:95%}.profile-modal-header,.profile-content{padding:1rem}.profile-message{margin:0 1rem}}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}}
