body{color:#2d3748;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:#f8f9fa;min-height:100vh;margin:0;padding:0;font-family:Roboto,sans-serif;line-height:1.6;overflow-x:hidden}header{color:#fff;z-index:1000;background:linear-gradient(135deg,#0a2540 0%,#00a8cc 100%);flex-wrap:nowrap;align-items:center;height:auto;min-height:80px;padding:5px 30px;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:0 2px 4px #0000001a}nav{flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;max-width:none;height:auto;min-height:80px;margin:0 auto;padding:0 10px;display:flex;position:relative}.logo-container{color:#fff;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;height:100%;margin:0;padding:0;text-decoration:none;display:flex}.logo-container:hover,.logo-container:active,.logo-container:visited{color:#fff;flex-wrap:nowrap;align-items:center;text-decoration:none;display:flex}.logo-container:hover .logo-text{color:#ffffffe6;transition:color .2s}.logo-text{white-space:nowrap;vertical-align:middle;align-self:center;margin:0;padding:0;font-size:1.5em;font-weight:700;line-height:1;display:inline-block}.logo-img{object-fit:contain;vertical-align:middle;width:auto;height:100px;display:block}ul.nav-menu{flex-wrap:wrap;gap:0;margin:0;list-style:none;display:flex;position:relative}ul li{position:relative}ul li a{color:#fff;letter-spacing:.5px;border-radius:0;padding:12px 20px;font-size:1.1em;font-weight:500;text-decoration:none;transition:all .3s;display:block;position:relative}ul li a:after{content:"";background:linear-gradient(90deg,#fff,#4cb3d5);width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}ul li a:hover{color:#4cb3d5;text-shadow:0 0 10px #4cb3d580;background-color:#0000}ul li a:hover:after{background:linear-gradient(90deg,#fff,#4cb3d5);width:80%}ul li:not(:last-child):after{content:"";background:#ffffff4d;width:1px;height:20px;transition:opacity .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)}ul li:hover:not(:last-child):after{opacity:0}.nav-menu li.menu-close-btn-container,.nav-menu li a i.fa-arrow-right{display:none}.mobile-menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin:0;padding:12px 8px;display:none;position:relative}.mobile-menu-toggle span{transform-origin:50%;background:#fff;border-radius:2px;flex-shrink:0;width:24px;height:3px;transition:all .3s;display:block}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg)translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0;transform:scale(0)}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}@media (max-width:950px){header{box-sizing:border-box;flex-wrap:nowrap;align-items:center;max-width:100vw;min-height:70px;padding:5px 10px;display:flex;overflow:hidden}nav{box-sizing:border-box;gap:10px;width:100%;min-width:0;max-width:100%;min-height:70px;padding:0;flex-flow:row!important;justify-content:space-between!important;align-items:center!important;height:auto!important;display:flex!important;position:relative!important}.logo-container{flex:0 auto;gap:10px;min-width:0;max-width:none;overflow:visible;visibility:visible!important;order:1!important;align-self:center!important;align-items:center!important;height:auto!important;margin:0!important;padding:0!important;display:flex!important;position:relative!important}.logo-img{object-fit:contain;vertical-align:middle;flex-shrink:0;width:auto;min-width:50px;max-width:60px;visibility:visible!important;opacity:1!important;align-self:center!important;height:60px!important;display:block!important;position:relative!important}.logo-text{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;max-width:none;font-size:1.1em;line-height:1;overflow:hidden;visibility:visible!important;opacity:1!important;align-self:center!important;margin:0!important;padding:0!important;display:block!important;position:relative!important}.mobile-menu-toggle{box-sizing:border-box;gap:5px;width:44px;min-width:44px;max-width:44px;height:44px;padding:12px 8px;flex-grow:0!important;flex-shrink:0!important;order:2!important;justify-content:center!important;align-self:center!important;align-items:center!important;margin:0 0 0 auto!important;display:flex!important;position:relative!important}.nav-menu{order:3;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important}.mobile-menu-toggle span{width:24px;height:3px}.nav-menu{z-index:1000!important;width:100vw!important;max-width:100vw!important;height:100vh!important;box-shadow:none!important;opacity:0!important;pointer-events:none!important;box-sizing:border-box!important;background:#fff!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:80px 0 0!important;transition:right .3s cubic-bezier(.4,0,.2,1)!important;display:none!important;position:fixed!important;top:0!important;left:0!important;right:-100%!important;overflow:hidden auto!important}.nav-menu.active{opacity:1!important;pointer-events:all!important;width:100vw!important;max-width:100vw!important;height:100vh!important;display:flex!important;left:0!important;right:0!important}.nav-menu li{box-sizing:border-box;border-bottom:1px solid #f0f0f0;width:100%;margin:0;padding:0}.nav-menu li:first-of-type{margin-top:0}.nav-menu li:last-child{border-bottom:none}.nav-menu li.menu-close-btn-container{z-index:1002!important;border:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;list-style:none!important;display:none!important;position:fixed!important;top:24px!important;left:32px!important;right:auto!important}.nav-menu.active li.menu-close-btn-container{visibility:visible!important;opacity:1!important;display:block!important}.menu-close-btn{color:#2d3748!important;cursor:pointer!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:32px!important;font-weight:300!important;line-height:1!important;transition:all .2s!important;display:flex!important}.menu-close-btn:hover{color:#00a8cc!important;opacity:.8!important}.menu-close-btn:active{opacity:.6!important}.nav-menu li a{color:#2d3748;letter-spacing:0;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:20px 32px;font-size:1.2em;font-weight:400;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-menu li a i.fa-arrow-right{color:#9ca3af;flex-shrink:0;margin-left:auto;font-size:.85em;transition:color .2s,transform .2s;display:inline-block!important}.nav-menu li a:hover i.fa-arrow-right{color:#00a8cc;transform:translate(4px)}.nav-menu li a.active i.fa-arrow-right{color:#00a8cc}.nav-menu li a:after{display:none!important}.nav-menu li a.active{color:#00a8cc;background:#f0f9ff}.nav-menu li a.active:after{color:#00a8cc}.nav-menu li a:hover{color:#00a8cc;background:#f8fafc}.nav-menu li a:hover:after{color:#00a8cc;transform:translate(4px)}.nav-menu li a:before,.nav-menu li:not(:last-child):after{display:none}body.menu-open:before{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-menu.active{display:flex!important}.nav-menu{-webkit-overflow-scrolling:touch}}main{-webkit-overflow-scrolling:touch;width:100%;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}*{-webkit-tap-highlight-color:#0000001a}button,a{-webkit-tap-highlight-color:#00a8cc33}.btn{text-align:center;cursor:pointer;border:none;border-radius:4px;padding:16px 32px;font-size:1.2em;font-weight:500;text-decoration:none;transition:background .3s,transform .3s;display:inline-block}.btn-primary{color:#fff;opacity:0;background:#00a8cc;animation:1s .8s forwards fadeInUp;transform:translateY(30px)}.btn-primary:hover{background:#008fa3;transform:translateY(-2px)}.features-advanced{clip-path:polygon(0 0,100% 0,100% calc(100% - 50px),0 calc(100% - 50px));background:#0a2540;margin-top:-18px;padding:100px 0 180px;position:relative;overflow:hidden}.features-diagonal-top{clip-path:polygon(0 0,100% 0,0 100%);z-index:2;background:linear-gradient(135deg,#00a8cc 0%,#4cb3d5 100%);width:100%;height:150px;position:absolute;top:0;left:0}.features-diagonal-bottom{clip-path:polygon(0 0,100% 100%,0 100%);z-index:2;background:#00a8cc;width:150%;height:150px;position:absolute;bottom:0;left:0}.features-bg-overlay{z-index:1;background:radial-gradient(circle at 20% 30%,#00a8cc26 0%,#0000 50%),radial-gradient(circle at 80% 70%,#4cb3d51a 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.features-grid-pattern{z-index:1;opacity:.3;background-image:linear-gradient(#00a8cc0d 1px,#0000 1px),linear-gradient(90deg,#00a8cc0d 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.features-container{z-index:2;max-width:1400px;margin:0 auto;padding:0 40px;position:relative}.features-header{text-align:center;opacity:0;margin-bottom:80px;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(40px)}.features-header.visible{opacity:1;transform:translateY(0)}.features-badge{color:#4cb3d5;letter-spacing:2px;text-transform:uppercase;background:#00a8cc33;border:1px solid #00a8cc66;border-radius:50px;margin-bottom:20px;padding:8px 24px;font-size:.85em;font-weight:600;display:inline-block}.features-title{color:#fff;text-shadow:0 4px 20px #00a8cc4d;margin-bottom:20px;font-size:3.5em;font-weight:800;line-height:1.2}.features-subtitle{color:#fffc;max-width:800px;margin:0 auto;font-size:1.2em;line-height:1.6}.features-grid-advanced{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px;display:grid}.feature-card{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;position:relative;transform:translateY(40px)}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:first-child{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-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;height:100%;padding:40px 30px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.feature-card-inner:before{content:"";transform-origin:0;background:linear-gradient(90deg,#00a8cc,#4cb3d5);height:3px;transition:transform .5s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover .feature-card-inner{background:#ffffff14;border-color:#00a8cc66;transform:translateY(-10px);box-shadow:0 20px 60px #00a8cc33,0 0 0 1px #00a8cc1a}.feature-card:hover .feature-card-inner:before{transform:scaleX(1)}.feature-icon-wrapper{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 30px;display:flex;position:relative}.feature-icon-bg{background:linear-gradient(135deg,#00a8cc,#4cb3d5);border-radius:20px;width:100%;height:100%;transition:all .4s;position:absolute;transform:rotate(45deg)}.feature-card:hover .feature-icon-bg{transform:rotate(225deg)scale(1.1);box-shadow:0 10px 30px #00a8cc66}.feature-icon-advanced{z-index:1;color:#fff;font-size:2em;transition:transform .4s;position:relative}.feature-card:hover .feature-icon-advanced{transform:scale(1.1)}.feature-card-title{color:#fff;margin-bottom:15px;font-size:1.6em;font-weight:700;line-height:1.3}.feature-card-desc{color:#fffc;margin-bottom:25px;font-size:1em;line-height:1.7}.feature-card-line{background:linear-gradient(90deg,#00a8cc,#0000);border-radius:2px;width:50px;height:3px;margin:0 auto;transition:width .4s}.feature-card:hover .feature-card-line{width:100px}.cta-content-inline{z-index:2;text-align:center;max-width:900px;margin:100px auto 0;padding:0 40px;position:relative}.cta-content-inline .cta-title{margin-top:120px}.cta-glow-orbs{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.cta-orb{filter:blur(60px);opacity:.4;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.cta-title{color:#fff;text-shadow:0 4px 20px #00a8cc4d;margin-bottom:20px;font-size:3.5em;font-weight:800;line-height:1.2}.cta-description{color:#ffffffe6;margin-bottom:40px;font-size:1.25em;line-height:1.7}.cta-contact-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-bottom:50px;display:flex}.cta-contact-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:10px;padding:12px 25px;font-size:1.05em;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.cta-contact-link:hover{background:#ffffff26;border-color:#00a8cc80;transform:translateY(-2px);box-shadow:0 8px 25px #00a8cc4d}.cta-contact-link i{color:#4cb3d5;font-size:1.1em}.cta-separator{color:#fff9;font-size:1em;font-weight:300}.cta-btn-advanced{color:#fff;background:linear-gradient(135deg,#00a8cc 0%,#4cb3d5 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:15px;padding:20px 50px;font-size:1.3em;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 15px 50px #00a8cc66}.cta-btn-advanced:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 25px 70px #00a8cc99}.cta-btn-text{z-index:1;position:relative}.cta-btn-icon{z-index:1;font-size:1em;transition:transform .3s;position:relative}.cta-btn-advanced:hover .cta-btn-icon{transform:translate(8px)}.cta-btn-shine{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.cta-btn-advanced:hover .cta-btn-shine{left:150%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.about-intro{color:#fff;text-align:center;background:linear-gradient(135deg,#00a8cc 0%,#0a2540 100%);padding:80px 0}.intro-content{max-width:800px;margin:0 auto;padding:0 40px}.intro-content h1{margin-bottom:20px;font-size:3em}.intro-content p{margin-bottom:30px;font-size:1.2em}.mission{color:#2d3748;opacity:0;background:linear-gradient(135deg,#f8f9fa 0%,#e6f3ff 100%);padding:80px 0;transition:opacity .8s ease-out,transform .8s ease-out;position:relative;transform:translateY(40px)}.mission.visible{opacity:1;transform:translateY(0)}.mission-bg-pattern{z-index:1;background:radial-gradient(circle at 20% 80%,#00a8cc0d 0%,#0000 50%) 0 0/200% 200%,radial-gradient(circle at 80% 20%,#0a254008 0%,#0000 50%) 0 0/150% 150%,linear-gradient(45deg,#0000 48%,#00a8cc05 50%,#0000 52%) 0 0/100% 100%;width:100%;height:100%;animation:20s ease-in-out infinite patternShift;position:absolute;top:0;left:0}@keyframes patternShift{0%,to{background-position:0%,0 0,0 0}50%{background-position:100%,100% 100%,100% 100%}}.mission-content{z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding:0 40px;position:relative}.mission-title{color:#0a2540;margin-bottom:30px;font-size:2.8em;display:inline-block;position:relative}.mission-title:after{content:"";background:linear-gradient(90deg,#00a8cc,#0a2540);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.mission-desc{opacity:.9;max-width:800px;margin:0 auto 50px;font-size:1.2em;line-height:1.6}.mission-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-top:50px;display:grid}.mission-item{opacity:0;background:#fff;border-radius:16px;padding:40px 30px;transition:transform .4s,box-shadow .4s,opacity .6s;position:relative;overflow:hidden;transform:translateY(30px);box-shadow:0 8px 32px #00a8cc1a}.mission-item.visible{opacity:1;transform:translateY(0)}.mission-item:first-child.visible{transition-delay:.1s}.mission-item:nth-child(2).visible{transition-delay:.2s}.mission-item:nth-child(3).visible{transition-delay:.3s}.mission-item:before{content:"";background:linear-gradient(90deg,#00a8cc,#0a2540);height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.mission-item:hover{transform:translateY(-8px);box-shadow:0 16px 48px #00a8cc33}.mission-item:hover:before{transform:scaleX(1)}.mission-icon{color:#4cb3d5;margin-bottom:20px;font-size:3.5em;transition:transform .3s;display:block}.mission-item:hover .mission-icon{color:#00a8cc;transform:scale(1.1)rotate(5deg)}.mission-item h3{color:#0a2540;margin-bottom:15px;font-size:1.6em}.mission-item p{opacity:.85;line-height:1.5}.floating-shapes{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.shape{background:#00a8cc1a;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.shape-1{width:80px;height:80px;animation-delay:0s;top:20%;left:10%}.shape-2{background:#0a254014;width:120px;height:120px;animation-delay:2s;top:60%;right:15%}.shape-3{width:60px;height:60px;animation-delay:4s;bottom:30%;left:20%}.shape-4{background:#00a8cc0f;width:100px;height:100px;animation-delay:1s;top:40%;right:5%}.enquire-hero{text-align:center;border-bottom:4px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;opacity:1!important;background:linear-gradient(135deg,#0a2540 0%,#00a8cc 100%)!important;min-height:15vh!important;padding:40px 20px!important;transform:translateY(0)!important}.enquire-hero.visible{opacity:1!important;transform:translateY(0)!important}.enquire-hero h1{margin-bottom:10px;font-size:2.8em;font-weight:700;line-height:1.1;color:#fff!important}.enquire-hero p{max-width:700px;margin:0;font-size:1.2em;line-height:1.4;color:#fff!important;opacity:.95!important}.contact-split{background:#f8f9fa;gap:60px;max-width:1200px;margin:-20px auto 0;padding:80px 40px;display:flex}.split-left{flex-direction:column;flex:1;justify-content:center;padding-right:40px;display:flex}.split-left h2{color:#0a2540;margin-bottom:20px;font-size:2.5em}.split-left p{color:#2d3748;margin-bottom:40px;font-size:1.1em;line-height:1.6}.contact-details{flex-direction:column;gap:20px;display:flex}.contact-item{color:#2d3748;align-items:center;gap:12px;font-size:1em;display:flex}.contact-icon{color:#4cb3d5;flex-shrink:0;width:20px;font-size:1.2em}.split-right{flex:1;padding-left:40px}.split-right h3{color:#0a2540;text-align:left;margin-bottom:30px;font-size:1.8em}#main-contact-form{flex-direction:column;gap:20px;max-width:none;display:flex}.form-group{margin-bottom:20px;display:block;position:relative}.form-icon{color:#4cb3d5;z-index:1;pointer-events:none;font-size:1.2em;transition:color .3s;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.message-group .form-icon{top:18px;transform:none}#main-contact-form input,#main-contact-form textarea{color:#2d3748;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:15px 15px 15px 60px;font-family:Roboto,sans-serif;font-size:1em;transition:border-color .3s}#main-contact-form input::placeholder,#main-contact-form textarea::placeholder{color:#718096;font-family:Roboto,sans-serif;font-size:1em}#main-contact-form textarea{resize:vertical;min-height:120px;padding:20px 15px 20px 60px}#main-contact-form input:focus,#main-contact-form textarea:focus{border-color:#4cb3d5;outline:none}.form-group:focus-within .form-icon{color:#00a8cc}#main-contact-form button{align-self:flex-start;margin-top:10px}#main-contact-form .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00a8cc 0%,#4cb3d5 100%);border:none;border-radius:8px;padding:14px 30px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #00a8cc4d}#main-contact-form .btn-primary:hover{background:linear-gradient(135deg,#008fa3 0%,#3a9bc0 100%);transform:translateY(-2px);box-shadow:0 6px 20px #00a8cc66}.cta{text-align:center;color:#fff;background:linear-gradient(135deg,#0a2540 0%,#00a8cc 100%);width:100%;padding:80px 0}.cta h2{margin-bottom:20px;font-size:2.5em}.cta p{margin-bottom:40px;font-size:1.2em}.cta a:not(.btn){color:#fff;font-weight:500;text-decoration:underline;transition:color .3s,-webkit-text-decoration .3s,text-decoration .3s}.cta a:not(.btn):hover{color:#f0f0f0;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.cta .btn{width:250px;max-width:auto}.cta .btn-primary{color:#fff;background:#4fc3f7}.cta .btn-primary:hover{background:#29b6f6;transform:translateY(-2px)}.modal{z-index:2000;background-color:#00000080;width:100%;height:100%;animation:.3s fadeIn;display:none;position:fixed;top:0;left:0}.modal-content{text-align:center;-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:12px;width:80%;max-width:500px;max-height:90vh;margin:15% auto;padding:30px;animation:.3s slideIn;position:relative;overflow-y:auto}.close{cursor:pointer;color:#aaa;font-size:28px;font-weight:700;position:absolute;top:10px;right:15px}.close:hover{color:#000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.faq-section{opacity:0;margin-bottom:60px;transition:opacity 1.5s ease-out,transform 1.5s ease-out;transform:translateY(40px)}.faq-section.visible{opacity:1;transform:translateY(0)}#form-response{text-align:center;border-radius:6px;min-height:20px;margin-top:20px;padding:10px;font-size:1em;transition:background .3s}#form-response.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}#form-response.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}footer{text-align:center;color:#2d3748;background-color:#f8f9fa;border-top:1px solid #e2e8f0;padding:20px}footer a{color:#00a8cc;font-weight:500;text-decoration:none;transition:color .3s}footer a:hover{color:#27b8d8;text-decoration:underline}.contact-icon:hover,.form-icon:hover{transition:transform .2s;transform:scale(1.1)}.contact-item a{color:inherit;text-decoration:none}.contact-item a:hover{color:#00a8cc}#chat-button{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#2e66df 0% 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:16px;font-size:24px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #00a8cc4d}#chat-button:before{content:"";opacity:0;border:3px solid #00a8cc;border-radius:50%;width:100%;height:100%;animation:3s cubic-bezier(.4,0,.6,1) infinite subtlePulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#chat-button:after{content:"";opacity:0;border:3px solid #00a8cc99;border-radius:50%;width:100%;height:100%;animation:3s cubic-bezier(.4,0,.6,1) 1.5s infinite subtlePulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes subtlePulse{0%{opacity:.8;width:100%;height:100%}50%{opacity:0;width:140%;height:140%}to{opacity:0;width:140%;height:140%}}#chat-button:hover{background:linear-gradient(135deg,#00a8cc 0%,#008fa3 100%);transform:scale(1.15)translateY(-4px)rotate(5deg);box-shadow:0 16px 40px #00a8cc80}#chat-button.bouncing{animation:1.6s cubic-bezier(.68,-.55,.265,1.55) forwards doubleJump}@keyframes doubleJump{0%{transform:translateY(0)}12%{transform:translateY(-18px)}24%{transform:translateY(0)}30%{transform:translateY(0)}42%{transform:translateY(-18px)}54%{transform:translateY(0)}to{transform:translateY(0)}}#chat-container{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #00a8cc1a;border-radius:20px;width:360px;max-height:70vh;font-family:Roboto,sans-serif;display:none;position:fixed;bottom:96px;right:24px;overflow:hidden;box-shadow:0 16px 48px #00a8cc33}#chat-header{color:#fff;background:linear-gradient(135deg,#0a2540 0%,#00a8cc 100%);justify-content:space-between;align-items:center;padding:20px;font-size:1.1em;font-weight:500;display:flex;position:relative;box-shadow:0 4px 12px #00a8cc33}.header-actions-left,.header-actions-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.chat-title{text-align:center;letter-spacing:.5px;flex:1;margin:0 12px;font-weight:600}.header-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;font-size:1.1em;line-height:1;transition:all .3s;display:flex}.header-btn:hover{background:#ffffff4d;transform:scale(1.1);box-shadow:0 4px 12px #fff3}.menu-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1002;opacity:0;background:#0a2540fa;border:1px solid #00a8cc66;border-radius:12px;min-width:160px;margin-top:8px;transition:all .3s cubic-bezier(.23,1,.32,1);display:none;position:absolute;top:100%;left:0;transform:translateY(-10px)scale(.95);box-shadow:0 12px 32px #0000004d}.menu-dropdown:before{content:"";border-bottom:6px solid #0a2540fa;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;left:20px}.menu-dropdown.show{opacity:1;transform:translateY(0)scale(1);display:block!important}.menu-item{color:#fff;white-space:nowrap;border-bottom:1px solid #ffffff1a;padding:14px 20px;font-size:.95em;text-decoration:none;transition:all .3s;display:block}.menu-item:hover{background:#00a8cc4d;padding-left:24px}.menu-item:last-child{border-bottom:none}#chat-window{scrollbar-width:thin;scrollbar-color:#00a8cc #e2e8f0;background:linear-gradient(#f8f9fa 0%,#fff 100%);flex:1;max-height:400px;padding:20px;overflow-y:auto}#chat-window::-webkit-scrollbar{width:6px}#chat-window::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}#chat-window::-webkit-scrollbar-thumb{background:#00a8cc;border-radius:3px}#chat-input-container{background:#fff;border-top:1px solid #e2e8f0;align-items:flex-end;gap:12px;padding:20px;display:flex;box-shadow:0 -4px 12px #0000000d}#userInput{resize:none;word-wrap:break-word;box-sizing:border-box;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:24px;flex:1;min-height:48px;max-height:140px;padding:12px 16px;font-family:inherit;font-size:14px;line-height:1.5;transition:all .3s;overflow-y:auto}#userInput:focus{background:#fff;border-color:#00a8cc;outline:none;box-shadow:0 0 0 4px #00a8cc1a}#chat-input-container .btn{color:#fff;white-space:nowrap;background:#00a8cc;border:none;border-radius:24px;min-width:80px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.23,1,.32,1)}#chat-input-container .btn:hover{background:#008fa3;transform:translateY(-2px);box-shadow:0 8px 20px #00a8cc4d}.message{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;border-radius:18px;max-width:85%;margin:12px 0;padding:14px 18px;font-size:.95em;line-height:1.5;animation:.3s messageSlide;overflow:hidden}@keyframes messageSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.user{color:#fff;background:linear-gradient(135deg,#00a8cc 0%,#008fa3 100%);border-bottom-right-radius:6px;align-self:flex-end;margin-left:auto;font-weight:400}.bot{color:#334155;background:#f1f5f9;border-bottom-left-radius:6px;align-self:flex-start;align-items:flex-start;max-width:85%;margin-right:auto;font-weight:400;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.profile-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px;margin-right:10px;box-shadow:0 2px 8px #0000001a}.message-content{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;flex:1;max-width:100%}.message-content a{word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;color:#00a8cc;max-width:100%;text-decoration:underline;transition:color .2s;display:inline-block}.message-content a:hover{color:#008fa3;text-decoration:underline}.bot-name{color:#0a2540;margin-bottom:6px;font-size:.85em;font-weight:600}.contact-form-widget{flex-direction:column;gap:10px;width:100%;max-width:100%;margin-top:15px;display:flex}.contact-form-widget label{color:#334155;margin-bottom:0;font-size:.85em;font-weight:500;display:block}.contact-form-widget input,.contact-form-widget textarea{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;max-width:100%;margin-top:4px;padding:8px 10px;font-family:Roboto,sans-serif;font-size:.85em;transition:border-color .3s,box-shadow .3s;display:block}.contact-form-widget input:focus,.contact-form-widget textarea:focus{border-color:#00a8cc;outline:none;box-shadow:0 0 0 3px #00a8cc1a}.contact-form-widget textarea{resize:vertical;min-height:80px}.contact-form-widget button{color:#fff;cursor:pointer;box-sizing:border-box;background:#00a8cc;border:none;border-radius:8px;width:100%;margin-top:6px;padding:12px 20px;font-size:.9em;font-weight:600;transition:all .3s}.contact-form-widget button:hover{background:#008fa3;transform:translateY(-2px);box-shadow:0 4px 12px #00a8cc4d}.contact-form-widget .contact-response{text-align:center;border-radius:8px;margin-top:10px;padding:10px;font-size:.9em}.typing-indicator{color:#000;background:#f1f5f9;border-radius:18px 18px 18px 6px;align-self:flex-start;align-items:center;max-width:85%;margin-right:auto;padding:14px 18px;font-size:.95em;display:flex;box-shadow:0 2px 8px #0000000d}.typing-indicator span{background:linear-gradient(135deg,#000 0% 100%);border-radius:50%;width:8px;height:8px;margin:0 2px;animation:1.4s ease-in-out infinite typing;display:inline-block}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.option-btn{color:#334155;cursor:pointer;text-align:left;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:1px solid #cbd5e0;border-radius:12px;width:90%;margin:6px 0;padding:12px 16px;font-size:.9em;font-weight:500;transition:all .5s;display:block;box-shadow:0 2px 8px #0000000d}.option-btn:hover{color:#fff;background:linear-gradient(135deg,#00a8cc 0%,#008fa3 100%);border-color:#00a8cc;transform:none;box-shadow:0 2px 6px #00a8cc26}.section-response{border-left:4px solid #00a8cc;background:#f8fafc!important;margin-top:8px!important}#chat-bubble{color:#000;z-index:1001;background:linear-gradient(135deg,#fff 0% 100%);border-radius:24px;outline:6px solid #0000;padding:12px 20px;font-size:.95em;font-weight:500;animation:.6s ease-in-out bubbleFloat;display:none;position:fixed;bottom:90px;right:50px;box-shadow:0 8px 24px #00a8cc4d}@keyframes bubbleFloat{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){nav{flex-direction:column;gap:16px}.mission-grid{grid-template-columns:1fr;gap:30px}.mission-title{font-size:2.2em}.shape{display:none}.contact-split{flex-direction:column;gap:40px;padding:40px 20px}.split-left,.split-right{padding:0}.split-right h3{text-align:center}.form-icon{font-size:1em;left:12px}.message-group .form-icon{top:16px}#main-contact-form input,#main-contact-form textarea{padding-left:50px}#main-contact-form textarea{padding-top:18px;padding-left:50px}.enquire-hero{min-height:30vh;padding:15px 20px}.enquire-hero h1{font-size:2.2em}.enquire-hero p{font-size:1.1em}#chat-container{width:95%;max-width:340px;max-height:80vh;bottom:16px;right:2.5%}#chat-button{width:56px;height:56px;font-size:20px;bottom:16px;right:16px}#chat-header{padding:16px}.header-btn{width:36px;height:36px;font-size:1em}#chat-window{max-height:300px;padding:16px}#chat-input-container{gap:8px;padding:16px}#userInput{min-height:44px;padding:10px 14px;font-size:16px}.message{max-width:90%;padding:12px 16px}.option-btn{width:95%;padding:10px 14px;font-size:.95em}.contact-form-widget{gap:8px;margin-top:10px}.contact-form-widget label{margin-bottom:0;font-size:13px}.contact-form-widget input,.contact-form-widget textarea{border-radius:6px;margin-top:3px;padding:10px;font-size:14px}.contact-form-widget textarea{min-height:70px}.contact-form-widget button{width:100%;margin-top:4px;padding:12px;font-size:14px;font-weight:600}.contact-response{font-size:13px}}.values-nebula{color:#fff;text-align:center;background:radial-gradient(#154b82 0%,#000428 80%,#000 100%);min-height:600px;padding:80px 40px;position:relative;overflow:hidden}.values-nebula:before{content:"";opacity:.6;pointer-events:none;background-color:#0000;background-image:radial-gradient(2px 2px at 20px 30px,#00a8cc,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff4d,#0000),radial-gradient(1px 1px at 90px 40px,#00a8cc,#0000),radial-gradient(1px 1px at 130px 80px,#fff6,#0000);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat;background-size:200px 100px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:50s linear infinite nebula-drift;position:absolute;inset:-10px}@keyframes nebula-drift{0%{transform:translate(0)rotate(0)}to{transform:translate(30px,30px)rotate(360deg)}}.nebula-container{z-index:2;max-width:1200px;margin:0 auto;position:relative;overflow:visible}.nebula-title{text-shadow:0 0 20px #00a8cc80;margin-bottom:10px;font-size:2.5em}.nebula-subtitle{opacity:.8;margin-bottom:60px;font-size:1.1em;font-style:italic}.nebula-canvas{perspective:1000px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:40px;height:500px;padding:20px;display:flex;position:relative;overflow:visible}.node{cursor:pointer;opacity:0;aspect-ratio:1;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;min-width:80px;height:80px;min-height:80px;transition:all .6s cubic-bezier(.23,1,.32,1);animation:3s ease-in-out infinite alternate node-pulse;display:flex;position:relative;transform:translateZ(0)scale(.8)}.node.active{z-index:9999}.node.visible{opacity:1;transform:translateZ(50px)scale(1)}@keyframes node-pulse{0%{box-shadow:0 0 10px #00a8cc4d,inset 0 0 10px #ffffff1a}to{box-shadow:0 0 30px #00a8cccc,inset 0 0 20px #fff3}}.node-core{width:80px;min-width:80px;height:80px;min-height:80px;transform-style:preserve-3d;clip-path:circle(50%);aspect-ratio:1;background:linear-gradient(135deg,#00a8cc,#0a2540);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.node-icon{color:#fff;font-size:1.5em;transition:transform .3s}.node:hover .node-core{transform:scale(1.2)rotateY(180deg);box-shadow:0 0 40px #00a8cc,inset 0 0 30px #ffffff4d}.node-expand{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;opacity:0;z-index:10000;pointer-events:none;background:#0a2540fa;border:2px solid #00a8cc99;border-radius:20px;width:min(300px,90vw);max-width:300px;max-height:80vh;padding:30px;transition:all .4s;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(0);box-shadow:0 20px 60px #00000080}.node-expand:before{content:"";z-index:-1;opacity:0;background:#000000b3;transition:opacity .4s;position:fixed;inset:0}.node.active .node-expand:before{opacity:1}.node.active .node-expand{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.expand-icon{color:#00a8cc;margin-bottom:15px;font-size:2em}.node-expand h3{margin:10px 0 15px;font-size:1.4em}.node-expand p{opacity:.9;font-size:.95em;line-height:1.5}.synapse-lines{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.synapse{stroke:#00a8cc4d;stroke-width:2px;fill:none;opacity:0;transition:stroke .3s;animation:4s ease-in-out infinite synapse-fade}.synapse.visible{opacity:1}.node:hover~.synapse-lines .synapse[data-from*=innovation],.node.innovation:hover~.synapse-lines .synapse[data-to*=innovation]{stroke:#00a8cccc;animation:1s ease-in-out infinite alternate synapse-glow}@keyframes synapse-glow{0%{stroke-opacity:.3}to{stroke-opacity:1}}@keyframes synapse-fade{0%,to{opacity:.2}50%{opacity:.6}}@media (max-width:768px){.values-nebula{background:radial-gradient(#154b82 0%,#0a2540 100%);border-radius:0;min-height:auto;padding:60px 20px;overflow:hidden}.nebula-canvas{flex-direction:column;gap:100px;height:auto;min-height:auto;padding:40px 20px 80px}.node{width:70px;min-width:70px;height:70px;min-height:70px;transform:none;box-shadow:0 0 15px #00a8cc99}.node-core{border:2px solid #00a8cccc;width:70px;min-width:70px;height:70px;min-height:70px}.synapse-lines{display:none}.node-expand{width:min(280px,85vw);max-width:280px;margin-top:0;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.node.active .node-expand{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (max-width:1024px) and (min-width:769px){.nebula-canvas{height:auto;min-height:400px;padding:40px 20px}.node-expand{width:min(280px,85vw);max-width:280px;padding:20px}}@media (max-width:480px){.node{width:60px;min-width:60px;height:60px;min-height:60px;box-shadow:0 0 12px #00a8cc99}.node-core{border:2px solid #00a8cccc;width:60px;min-width:60px;height:60px;min-height:60px}.node-icon{font-size:1.2em}.node-expand{width:min(260px,90vw);max-width:260px;padding:15px}.nebula-title{font-size:2em}.nebula-subtitle{font-size:.95em}}@media (min-width:481px) and (max-width:768px){header{padding:5px 20px}.logo-img{height:80px}.hero-grid-container{gap:50px;padding:40px 30px 0}.logo-large{width:120px;height:120px}.hero-mega-title{font-size:3.5em}.modal-content{width:85%;padding:30px 25px}.footer-content{grid-template-columns:1fr 1fr;gap:35px;padding:0 30px}}@media (max-width:480px){header{box-sizing:border-box;flex-wrap:nowrap;align-items:center;max-width:100vw;min-height:65px;padding:5px 8px;display:flex;overflow:hidden}nav{box-sizing:border-box;gap:10px;width:100%;min-width:0;max-width:100%;min-height:65px;padding:0;flex-flow:row!important;justify-content:space-between!important;align-items:center!important;height:auto!important;display:flex!important;position:relative!important}.logo-container{flex:0 auto;gap:10px;min-width:0;max-width:none;overflow:visible;visibility:visible!important;order:1!important;align-self:center!important;align-items:center!important;height:auto!important;margin:0!important;padding:0!important;display:flex!important;position:relative!important}.logo-img{object-fit:contain;vertical-align:middle;flex-shrink:0;width:auto;min-width:45px;max-width:55px;visibility:visible!important;opacity:1!important;align-self:center!important;height:55px!important;display:block!important;position:relative!important}.logo-text{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;max-width:none;font-size:.95em;line-height:1;overflow:hidden;visibility:visible!important;opacity:1!important;align-self:center!important;margin:0!important;padding:0!important;display:block!important;position:relative!important}.mobile-menu-toggle{box-sizing:border-box;gap:5px;width:44px;min-width:44px;max-width:44px;height:44px;padding:12px 8px;flex-grow:0!important;flex-shrink:0!important;order:2!important;justify-content:center!important;align-self:center!important;align-items:center!important;margin:0 0 0 auto!important;display:flex!important;position:relative!important}.nav-menu{order:3;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important}.mobile-menu-toggle span{width:24px;height:3px}.nav-menu{width:100%;right:-100%}.hero-reimagined{min-height:auto;padding:20px 0}.hero-grid-container{gap:30px;padding:20px 15px 0}.hero-logo-showcase{flex-direction:column;gap:15px;margin-bottom:30px}.logo-large{width:100px;height:100px}.logo-company-name{font-size:1.5em}.logo-ai-badge{padding-top:6px;font-size:.65em}.hero-mega-title{letter-spacing:0;margin-bottom:20px;font-size:2.2em}.hero-subtitle-compact{margin-bottom:25px}.compact-container{border-radius:12px;padding:24px 20px}.compact-main-text{margin-bottom:18px;font-size:1.15em;line-height:1.65}.compact-footer{flex-direction:column;align-items:flex-start;gap:16px;padding-top:16px}.compact-tagline{width:100%;min-width:auto;font-size:1em}.compact-badges{flex-direction:column;gap:10px;width:100%}.compact-badge{justify-content:center;width:100%;padding:10px 18px;font-size:.85em}.btn-reimagined{justify-content:center;width:auto;max-width:280px;margin:0 auto;padding:14px 25px;font-size:1em;display:flex}.trial-info{padding:8px 12px;font-size:.75em}.stats-inline{gap:15px;padding:15px}.stat-number{font-size:2em}.stat-label{font-size:.7em}.visual-container{min-height:400px}.mockup-body{min-height:300px;padding:15px 10px}#chat-container{border-radius:20px;width:95%;max-width:340px;max-height:80vh;bottom:16px;right:2.5%;box-shadow:0 8px 32px #0000004d}#chat-button{width:56px;height:56px;font-size:20px;bottom:16px;right:16px}#chat-window{max-height:300px;padding:16px}#userInput{min-height:44px;padding:12px 14px;font-size:16px}#send-btn{min-width:60px;min-height:44px;padding:12px 20px}.modal-content{-webkit-overflow-scrolling:touch;width:95%;max-width:95%;max-height:85vh;margin:10% auto;padding:20px 15px;overflow-y:auto}.modal .close{justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex;top:10px;right:10px}.modal h2{font-size:1.5em}.modal h3{font-size:1.2em}.modal p{font-size:.9em}.footer-main{padding:40px 0 0}.footer-content{gap:25px;padding:0 15px}.footer-logo{height:50px}.footer-logo-text{font-size:1.2em}.footer-tagline{font-size:.85em}.footer-heading{font-size:1.1em}.footer-bottom-inline{text-align:center;flex-direction:column;gap:10px;padding:20px 15px}.footer-bottom-inline p{font-size:.8em}.footer-legal{flex-direction:column;gap:8px}.footer-legal .separator{display:none}.btn{min-height:44px;padding:12px 24px;font-size:1em}input[type=text],input[type=email],input[type=tel],input[type=password],textarea{min-height:44px;padding:12px;font-size:16px}.features-advanced{padding:60px 0 120px}.features-header h2{font-size:2em}.feature-card{padding:20px 15px}.mission-title{font-size:1.8em}.contact-split{padding:30px 15px}.enquire-hero{min-height:25vh;padding:15px}.enquire-hero h1{font-size:1.8em}.enquire-hero p{font-size:1em}.case-hero{padding:40px 15px}.case-hero h1{font-size:2em}.case-hero-title{font-size:2.2em}.faq-section h2{font-size:2em}.faq-card{padding:25px 15px}.faq-question{padding:15px 0;font-size:1em}body{width:100%;overflow-x:hidden}*{max-width:100%}img{max-width:100%;height:auto}}@media (max-width:320px){header{box-sizing:border-box;flex-wrap:nowrap;align-items:center;max-width:100vw;min-height:60px;padding:5px 6px;display:flex;overflow:hidden}nav{box-sizing:border-box;gap:10px;width:100%;min-width:0;max-width:100%;min-height:60px;padding:0;flex-flow:row!important;justify-content:space-between!important;align-items:center!important;height:auto!important;display:flex!important;position:relative!important}.logo-container{flex:0 auto;gap:8px;min-width:0;max-width:none;overflow:visible;visibility:visible!important;order:1!important;align-self:center!important;align-items:center!important;height:auto!important;margin:0!important;padding:0!important;display:flex!important;position:relative!important}.logo-img{object-fit:contain;vertical-align:middle;flex-shrink:0;width:auto;min-width:40px;max-width:50px;visibility:visible!important;opacity:1!important;align-self:center!important;height:50px!important;display:block!important;position:relative!important}.logo-text{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;max-width:none;font-size:.85em;line-height:1;overflow:hidden;visibility:visible!important;opacity:1!important;align-self:center!important;margin:0!important;padding:0!important;display:block!important;position:relative!important}.mobile-menu-toggle{box-sizing:border-box;gap:4px;width:40px;min-width:40px;max-width:40px;height:40px;padding:10px 6px;flex-grow:0!important;flex-shrink:0!important;order:2!important;justify-content:center!important;align-self:center!important;align-items:center!important;margin:0 0 0 auto!important;display:flex!important;position:relative!important}.nav-menu{order:3;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important}.mobile-menu-toggle span{width:22px;height:3px}.hero-mega-title{font-size:1.8em}.logo-large{width:80px;height:80px}.logo-company-name{font-size:1.2em}.btn-reimagined{padding:12px 20px;font-size:.9em}.modal-content{width:98%;margin:5% auto;padding:15px 10px}.footer-content{padding:0 10px}#chat-container{border-radius:15px 15px 0 0}}@media (max-width:768px) and (orientation:landscape){.hero-reimagined{min-height:auto;padding:30px 0}.hero-grid-container{grid-template-columns:1fr;gap:30px}.visual-container{min-height:300px}#chat-container{max-height:75vh}.modal-content{max-height:80vh;margin:5% auto}}.hero-reimagined{background:#0a1929;align-items:center;min-height:100vh;padding:0 0 40px;display:flex;position:relative;overflow:hidden;border:none!important;outline:none!important;margin:0!important;padding-top:0!important}.diagonal-bg{clip-path:polygon(0 0,100% 0,100% 100%,0 85%);z-index:1;width:100%;height:100%;position:absolute}.diagonal-light{clip-path:polygon(0 15%,100% 0,100% 100%,0 100%);opacity:.1;background:linear-gradient(135deg,#00a8cc 0%,#4cb3d5 100%)}#mesh-canvas{z-index:2;opacity:.3;width:100%;height:100%;position:absolute;top:0;left:0}.floating-cards-bg{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute}.float-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:150px;height:200px;transform-style:preserve-3d;background:linear-gradient(135deg,#00a8cc1a,#4cb3d50d);border:1px solid #00a8cc33;border-radius:20px;animation:15s ease-in-out infinite float-3d;position:absolute}.card-1{animation-delay:0s;top:10%;left:5%}.card-2{animation-delay:3s;top:60%;right:10%}.card-3{animation-delay:6s;bottom:15%;left:15%}.card-4{animation-delay:9s;top:30%;right:20%}@keyframes float-3d{0%,to{transform:translateY(0)rotateY(0)rotateX(0)}25%{transform:translateY(-30px)rotateY(10deg)rotateX(5deg)}50%{transform:translateY(-60px)rotateY(-10deg)rotateX(-5deg)}75%{transform:translateY(-30px)rotateY(5deg)rotateX(3deg)}}.hero-grid-container{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1400px;margin:0 auto;padding:60px 60px 0;display:grid;position:relative}.hero-left{animation:1s .3s both slideInLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}.hero-right{animation:1s .5s both slideInRight;position:relative}@keyframes slideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.hero-logo-showcase{align-items:center;gap:30px;margin-bottom:20px;animation:1s .2s both fadeInScale;display:flex}.logo-large{object-fit:contain;filter:drop-shadow(0 15px 40px #00a8cc66);width:180px;height:180px;transition:transform .4s;animation:6s ease-in-out infinite logoFloat}@keyframes logoFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.05)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.logo-large:hover{transform:scale(1.1)rotate(5deg)}.logo-text-group{flex-direction:column;gap:8px;display:flex}.logo-company-name{color:#fff;letter-spacing:2px;text-shadow:0 4px 20px #00a8cc4d;font-size:2.5em;font-weight:900;line-height:1}.logo-ai-badge{color:#4cb3d5;letter-spacing:3px;text-transform:uppercase;border-left:4px solid #00a8cc;padding:8px 0 8px 15px;font-size:.9em;font-weight:600}.hero-mega-title{color:#fff;text-transform:uppercase;letter-spacing:-2px;margin-bottom:20px;font-size:5.5em;font-weight:900;line-height:.95}.title-line-1,.title-line-2,.title-line-3{opacity:0;animation:.8s forwards titleReveal;display:block;transform:translateY(50px)}.title-line-1{color:#ffffffe6;animation-delay:.5s}.title-line-2{color:#fffffff2;animation-delay:.7s}.title-line-3{animation-delay:.9s;position:relative}@keyframes titleReveal{to{opacity:1;transform:translateY(0)}}.highlight-word{background:linear-gradient(135deg,#00a8cc 0%,#4cb3d5 50%,#00ffd1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.title-decorator{background:linear-gradient(90deg,#00a8cc,#0000);border-radius:3px;width:100%;height:6px;animation:1s 1.2s both decoratorExpand;position:absolute;bottom:-10px;left:0}@keyframes decoratorExpand{0%{width:0}to{width:100%}}.hero-subtitle-compact{z-index:10;max-width:850px;margin-bottom:30px;margin-left:auto;margin-right:auto;animation:1s 1.1s both fadeInUp;position:relative}.compact-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff1f;border-left:4px solid #00a8cc;border-radius:16px;padding:28px 36px;animation:8s ease-in-out infinite compactFloat;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 1px #00a8cc1a,inset 0 1px #ffffff1a}@keyframes compactFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.compact-container:before{content:"";background:linear-gradient(#00a8cc 0%,#00a8cc99 50%,#00a8cc 100%);border-radius:16px 0 0 16px;width:4px;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 20px #00a8cc80}.compact-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#00a8cc14 0%,#0000 70%);width:200%;height:200%;animation:4s ease-in-out infinite pulseGlow;position:absolute;top:-50%;right:-50%}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.compact-main-text{color:#fff;letter-spacing:.25px;z-index:1;text-shadow:0 2px 10px #0000004d;margin:0;font-size:1.3em;font-weight:300;line-height:1.7;position:relative}.compact-footer{z-index:1;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;display:flex;position:relative}.compact-tagline{color:#00a8cc;letter-spacing:.3px;text-shadow:0 0 15px #00a8cc4d;flex:1;min-width:200px;font-size:1.1em;font-weight:500;animation:3s ease-in-out infinite taglineGlow}@keyframes taglineGlow{0%,to{text-shadow:0 0 15px #00a8cc4d}50%{text-shadow:0 0 25px #00a8cc80}}.compact-badges{flex-wrap:wrap;gap:14px;display:flex}.compact-badge{color:#fffffff2;letter-spacing:.15px;background:linear-gradient(135deg,#00a8cc1f 0%,#00a8cc14 100%);border:1px solid #00a8cc4d;border-radius:50px;align-items:center;gap:9px;padding:9px 18px;font-size:.9em;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00a8cc33}.compact-badge:before{content:"";background:radial-gradient(circle,#00a8cc4d 0%,#0000 70%);border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compact-badge:hover:before{width:300px;height:300px}.compact-badge:hover{color:#fff;background:#00a8cc33;border-color:#00a8cc;transform:translateY(-2px);box-shadow:0 6px 20px #00a8cc4d}.compact-badge i{color:#00a8cc;z-index:1;filter:drop-shadow(0 0 8px #00a8cc66);font-size:1.1em;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.compact-badge:hover i{color:#fff;filter:drop-shadow(0 0 12px #fff9);transform:scale(1.2)rotate(5deg)}.compact-badge span{z-index:1;position:relative}.compact-badge:nth-child(2){background:linear-gradient(135deg,#00ff881f 0%,#00ff8814 100%);border-color:#00ff884d;box-shadow:0 4px 15px #0f83}.compact-badge:nth-child(2):before{background:radial-gradient(circle,#00ff884d 0%,#0000 70%)}.compact-badge:nth-child(2):hover{background:linear-gradient(135deg,#00ff8840 0%,#00ff8826 100%);border-color:#0f8;box-shadow:0 8px 25px #0f86,0 0 20px #00ff884d}.compact-badge:nth-child(2) i{color:#0f8;filter:drop-shadow(0 0 8px #0f86)}.compact-badge:nth-child(2):hover i{filter:drop-shadow(0 0 12px #fff9)}.hero-action-group{flex-direction:column;gap:20px;margin-bottom:30px;animation:1s 1.3s both fadeInUp;display:flex}.btn-reimagined{border:none;border-radius:50px;justify-content:center;align-items:center;gap:15px;padding:11px 25px;font-size:2em;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #00a8cc66}.btn-primary-new{color:#fff;background:linear-gradient(135deg,#00a8cc 0%,#00d4ff 100%)}.btn-primary-new:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 20px 60px #00a8cc99}.btn-shine{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.btn-reimagined:hover .btn-shine{left:150%}.btn-icon{font-size:1.1em;transition:transform .3s}.btn-reimagined:hover .btn-icon{transform:translate(8px)rotate(15deg)}.trial-info{color:#ffffffb3;align-items:center;gap:10px;padding-left:10px;font-size:.95em;display:flex}.trial-info i{color:gold;font-size:1.2em}.stats-inline{align-items:center;gap:30px;animation:1s 1.5s both fadeInUp;display:flex}.stat-item{text-align:center}.stat-number{background:linear-gradient(135deg,#00a8cc,#4cb3d5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:3em;font-weight:900;line-height:1}.stat-label{color:#fff9;text-transform:uppercase;letter-spacing:1px;font-size:.9em}.stat-divider{background:linear-gradient(#0000,#00a8cc80,#0000);width:2px;height:50px}.visual-container{width:100%;height:650px;position:relative}.chat-mockup-3d{background:#fffffff2;border-radius:24px;width:100%;max-width:550px;margin:0 auto;transition:transform .5s;animation:6s ease-in-out infinite mockupFloat;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(5deg);box-shadow:0 50px 100px #0006,0 0 0 1px #ffffff1a}.chat-mockup-3d:hover{transform:perspective(1000px)rotateY(0)rotateX(0)scale(1.02)}@keyframes mockupFloat{0%,to{transform:perspective(1000px)rotateY(-5deg)rotateX(5deg)translateY(0)}50%{transform:perspective(1000px)rotateY(-5deg)rotateX(5deg)translateY(-20px)}}.mockup-header{background:linear-gradient(135deg,#0a2540,#00a8cc);align-items:center;gap:15px;padding:20px;display:flex}.mockup-dots{gap:6px;display:flex}.mockup-dots span{background:#ffffff4d;border-radius:50%;width:12px;height:12px}.mockup-title{text-align:center;color:#fff;flex:1;font-size:1.1em;font-weight:600}.mockup-body{background:#f8f9fa;flex-direction:column;gap:15px;min-height:400px;padding:30px 20px;display:flex}.chat-bubble{align-items:flex-start;gap:12px;animation:.5s both bubbleIn;display:flex}.chat-bubble:first-child{animation-delay:2s}.chat-bubble:nth-child(2){animation-delay:3.5s}.chat-bubble:nth-child(3){animation-delay:5s}@keyframes bubbleIn{0%{opacity:0;transform:translateY(20px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.bubble-avatar{background:linear-gradient(135deg,#00a8cc,#4cb3d5);border-radius:50%;flex-shrink:0;width:40px;height:40px;box-shadow:0 4px 12px #00a8cc4d}.bubble-content{background:#fff;border-radius:18px;max-width:70%;padding:12px 18px;font-size:.95em;line-height:1.5;box-shadow:0 2px 8px #0000001a}.bot-bubble .bubble-content{color:#2d3748;background:#fff}.user-bubble{flex-direction:row-reverse;justify-content:flex-start}.user-bubble .bubble-content{color:#fff;background:linear-gradient(135deg,#00a8cc,#4cb3d5)}.typing-dots{background:#fff;border-radius:18px;gap:4px;width:fit-content;margin-left:52px;padding:15px 20px;animation:.5s 6.5s both bubbleIn;display:flex}.typing-dots span{background:#00a8cc;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typingDot}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.feature-pill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#0a2540f2;border:1px solid #00a8cc66;border-radius:50px;align-items:center;gap:10px;padding:12px 20px;font-size:.9em;font-weight:600;animation:4s ease-in-out infinite pillFloat;display:flex;position:absolute;box-shadow:0 10px 30px #0000004d}.feature-pill i{color:#00a8cc;font-size:1.3em}.pill-1{animation-delay:0s;top:10%;right:-10%}.pill-2{animation-delay:1.5s;bottom:30%;left:-15%}.pill-3{animation-delay:3s;top:50%;right:-5%}@keyframes pillFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.05)}}@media (max-width:768px){.hero-reimagined{min-height:auto;padding:0 0 30px;padding-top:0!important}#mesh-canvas,.floating-cards-bg,.floating-shapes,.shape,.shape-1,.shape-2,.shape-3,.shape-4,.feature-pill,.pill-1,.pill-2,.pill-3{display:none!important}.hero-grid-container{grid-template-columns:1fr;gap:40px;padding:40px 20px 0}.hero-left{text-align:center;order:1}.hero-logo-showcase{flex-direction:column;align-items:center;gap:20px;margin-bottom:40px}.logo-large{width:140px;height:140px}.logo-text-group{text-align:center;align-items:center}.logo-company-name{font-size:2em}.logo-ai-badge{border-top:3px solid #00a8cc;border-left:none;padding-top:8px;padding-left:0;font-size:.75em}.hero-mega-title{letter-spacing:-1px;margin-bottom:30px;font-size:3em}.title-decorator{height:4px}.hero-subtitle-compact{margin-bottom:28px}.compact-container{padding:24px 20px}.compact-main-text{font-size:1.15em}.compact-tagline{font-size:1em}.compact-footer{flex-direction:column;align-items:flex-start}.compact-badges{flex-direction:column;width:100%}.compact-badge{justify-content:center;width:100%}.hero-action-group{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:40px;display:flex}.btn-reimagined{justify-content:center;width:auto;max-width:280px;margin:0 auto;padding:18px 35px;font-size:1.1em;display:flex}.trial-info{text-align:center;justify-content:center;font-size:.85em}.stats-inline{flex-wrap:wrap;justify-content:center;gap:20px}.stat-number{font-size:2.5em}.stat-label{font-size:.8em}.stat-divider{display:none}.hero-right{order:2}.visual-container{height:auto;min-height:500px}.chat-mockup-3d{max-width:100%;transform:perspective(1000px)rotateY(0)rotateX(0)}@keyframes mockupFloat{0%,to{transform:perspective(1000px)rotateY(0)rotateX(0)translateY(0)}50%{transform:perspective(1000px)rotateY(0)rotateX(0)translateY(-15px)}}.mockup-header{padding:15px}.mockup-title{font-size:1em}.mockup-body{min-height:350px;padding:20px 15px}.feature-pill{padding:10px 16px;font-size:.8em}.pill-1{top:5%;right:5%}.pill-2{bottom:20%;left:5%}.pill-3{top:40%;right:10%}.float-card{width:100px;height:130px}.features-advanced{padding:60px 0 120px}.features-diagonal-top,.features-diagonal-bottom{height:100px}.features-container{padding:0 20px}.features-header{margin-bottom:50px}.features-title{font-size:2.2em}.features-subtitle{font-size:1em}.features-grid-advanced{grid-template-columns:1fr;gap:80px}.feature-card-inner{padding:25px 20px}.feature-card-title{margin-bottom:12px;font-size:1.3em}.feature-card-desc{margin-bottom:20px;font-size:.9em}.feature-icon-wrapper{margin-bottom:20px}.feature-icon-bg{width:70px;height:70px}.feature-icon-advanced{font-size:2em}.cta-content-inline{margin-top:60px;padding:0 20px}.cta-content-inline .cta-title{margin-top:100px}.cta-title{font-size:2.2em}.cta-description{font-size:1.05em}.cta-contact-info{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%}.cta-contact-link{justify-content:center;width:auto;max-width:280px;margin:0 auto;display:flex}.cta-content-inline{text-align:center;box-sizing:border-box;width:100%;max-width:100%}.cta-title,.cta-description{text-align:center}.cta-separator{display:none}.cta-btn-advanced{width:auto;max-width:280px;margin:0 auto;padding:18px 40px;font-size:1.1em;display:flex}}.footer-main{color:#fff;background:linear-gradient(135deg,#0a2540 0%,#001529 100%);width:100%;padding:60px 0 0}.footer-content{grid-template-columns:2fr 1fr 1.5fr 1.5fr;gap:60px;max-width:1400px;margin:0 auto;padding:0 60px;display:grid}.footer-section{flex-direction:column;gap:20px;display:flex}.footer-brand{max-width:350px}.footer-logo-container{align-items:center;gap:15px;margin-bottom:15px;display:flex}.footer-logo{object-fit:contain;width:auto;height:60px;display:block}.footer-logo-text{color:#fff;letter-spacing:1px;margin:0;padding:0;font-size:1.5em;font-weight:700;line-height:1}.footer-tagline{color:#fffc;font-size:.95em;line-height:1.6}.footer-heading{color:#fff;letter-spacing:.5px;margin-bottom:10px;font-size:1.2em;font-weight:600}.footer-links{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-links li a{color:#fffc;font-size:.95em;text-decoration:none;transition:all .3s;display:inline-block}.footer-links li a:hover{color:#00a8cc;transform:translate(5px)}.footer-contact{flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;display:flex}.footer-contact li{color:#fffc;align-items:center;gap:12px;font-size:.95em;display:flex}.footer-contact li i{color:#00a8cc;flex-shrink:0;width:20px;font-size:1.1em}.footer-contact li a{color:#fffc;text-decoration:none;transition:color .3s}.footer-contact li a:hover{color:#00a8cc}.footer-social{gap:15px;display:flex}.social-icon{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1em;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{background:#00a8cc;border-color:#00a8cc;transform:translateY(-3px);box-shadow:0 4px 12px #00a8cc66}.footer-bottom-inline{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;max-width:1400px;margin:20px auto 0;padding:30px 60px 40px;display:flex}.footer-bottom-inline p{color:#ffffffb3;margin:0;font-size:.9em}.footer-legal{align-items:center;gap:15px;display:flex}.footer-legal a{color:#ffffffb3;font-size:.9em;text-decoration:none;transition:color .3s}.footer-legal a:hover{color:#00a8cc}.footer-legal .separator{color:#ffffff4d}@media (max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;gap:40px;padding:0 40px}}@media (max-width:768px){.footer-main{padding:40px 0 0}.footer-content{grid-template-columns:1fr;gap:30px;padding:0 20px}.footer-brand{max-width:100%}.footer-bottom-inline{text-align:center;flex-direction:column;gap:15px;padding:20px}.footer-legal{flex-wrap:wrap;justify-content:center}}.case-hero{color:#fff;text-align:center;background:radial-gradient(#154b82 0%,#000428 80%,#000814 100%);border-bottom:2px solid #00a8cc4d;justify-content:center;align-items:center;min-height:50vh;padding:100px 40px;display:flex;position:relative;overflow:hidden}.case-hero-content{z-index:2;max-width:800px;margin:0 auto;position:relative}.case-hero h1{text-shadow:0 0 30px #00a8cc99;margin-bottom:20px;font-size:3.5em;animation:1s forwards fadeInUp}.case-hero p{opacity:.9;opacity:0;font-size:1.3em;line-height:1.6;animation:1s .2s forwards fadeInUp}.hero-particles{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{background:#00a8cc99;border-radius:50%;width:4px;height:4px;animation:4s ease-in-out infinite float-particle;position:absolute;box-shadow:0 0 10px #00a8cccc}@keyframes float-particle{0%,to{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)translate(50px)}}.case-studies-section{background:linear-gradient(#f8f9fa 0%,#fff 50%,#f8f9fa 100%);padding:80px 40px;position:relative}.case-container{max-width:1400px;margin:0 auto}.case-intro{text-align:center;margin-bottom:60px}.case-intro h2{color:#0a2540;margin-bottom:15px;font-size:2.8em;display:inline-block;position:relative}.case-intro h2:after{content:"";background:linear-gradient(90deg,#00a8cc,#0a2540);border-radius:2px;width:80px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.case-subtitle{color:#2d3748;opacity:.8;max-width:600px;margin:20px auto 0;font-size:1.2em}.case-grid{perspective:1000px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));justify-items:center;gap:60px;margin-top:60px;padding:0 20px;display:grid}.case-card{aspect-ratio:3/2;perspective:1000px;opacity:0;height:500px;margin:0 auto;transition:opacity .6s,transform .6s;transform:translateY(50px)}.case-card.visible{opacity:1;transform:translateY(0)}.case-card-inner{transition:transform .8s;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:50%;-webkit-transition:-webkit-transform .8s;position:relative}.case-card-front,.case-card-back{backface-visibility:hidden;background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px 30px;display:flex;position:absolute;box-shadow:0 10px 40px #00a8cc33}.case-card-front{backface-visibility:hidden;background-color:#0000;background-image:linear-gradient(135deg,#fff9 0% 100%),url(/static/IMG_0590.JPG);background-position:50%;background-repeat:no-repeat;background-size:cover,cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:none}.case-card-back{color:#fff;backface-visibility:hidden;text-align:left;background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);justify-content:flex-start;padding:30px;transform:rotateY(180deg)}.case-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#00a8cc,#0a2540);border-radius:20px;padding:6px 16px;font-size:.85em;font-weight:600;position:absolute;top:20px;right:20px;box-shadow:0 4px 15px #00a8cc66}.case-icon{color:#fff;background:linear-gradient(135deg,#00a8cc 0%,#0a2540 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:25px;font-size:2.5em;transition:transform .3s;display:flex;box-shadow:0 8px 25px #00a8cc4d}.case-card:hover .case-icon{transform:scale(1.1)rotate(5deg)}.case-card-front h3{color:#0a2540;text-align:center;margin-bottom:10px;font-size:1.8em}.case-industry{color:#00a8cc;text-transform:uppercase;letter-spacing:1px;margin-bottom:25px;font-size:1em;font-weight:500}.case-stats-mini{justify-content:center;gap:30px;width:100%;margin:25px 0;display:flex}.stat-mini{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-number{color:#00a8cc;font-size:1.8em;font-weight:700;line-height:1}.stat-label{color:#2d3748;opacity:.7;margin-top:5px;font-size:.85em}.case-btn,.case-btn-back{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;z-index:15;pointer-events:auto;-webkit-tap-highlight-color:#00a8cc4d;touch-action:manipulation;background:linear-gradient(135deg,#00a8cc 0%,#008fa3 100%);border:none;border-radius:30px;margin-top:auto;padding:14px 32px;font-size:1em;font-weight:600;transition:all .3s;position:relative;box-shadow:0 6px 20px #00a8cc4d}.case-btn:hover,.case-btn-back:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00a8cc80}.case-btn-back{color:#0a2540;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);margin-top:20px}.case-study-full{scrollbar-width:thin;scrollbar-color:white transparent;flex-direction:column;width:100%;height:100%;display:flex;overflow-y:auto}.case-study-full::-webkit-scrollbar{width:6px}.case-study-full::-webkit-scrollbar-track{background:0 0}.case-study-full::-webkit-scrollbar-thumb{background:#fff;border-radius:3px}.case-study-full::-webkit-scrollbar-thumb:hover{background:#ffffffe6}.case-study-full::-webkit-scrollbar-thumb:active{background:#fff}.case-company-header{text-align:center;border-bottom:2px solid #ffffff4d;margin-bottom:20px;padding-bottom:15px}.case-company-name{color:#fff;letter-spacing:.5px;margin-bottom:12px;font-size:1.6em;font-weight:700}.case-website-cta{flex-direction:column;align-items:center;gap:10px;display:flex}.case-website-prominent{color:#fff;justify-content:center;align-items:center;gap:10px;margin:0;font-size:1.1em;transition:all .3s;display:flex}.case-website-prominent:hover{transform:scale(1.05)}.case-website-prominent i{color:#fff;opacity:1;font-size:1.2em}.case-website-prominent a{color:#fff;border-bottom:2px solid #fff;padding-bottom:2px;font-size:1.05em;font-weight:700;text-decoration:none;transition:all .3s}.case-website-prominent a:hover{color:#fff;opacity:1;text-shadow:0 0 10px #ffffff80;border-bottom-color:#fff}.case-bot-cta{color:#fff;opacity:.95;background:#ffffff1a;border-radius:6px;margin:0;padding:6px 12px;font-size:.9em;font-style:italic;font-weight:500}.case-testimonial{background:#ffffff26;border-left:4px solid #fff;border-radius:8px;margin-bottom:20px;padding:18px;position:relative}.testimonial-quote{position:relative}.testimonial-quote i.fa-quote-left{color:#fff;opacity:.4;font-size:2em;position:absolute;top:-5px;left:-5px}.testimonial-quote p{color:#fffffff2;margin:0;padding-left:25px;font-size:.95em;font-style:italic;line-height:1.7}.case-story-section{margin-bottom:20px}.case-story-title{color:#fff;align-items:center;gap:8px;margin-top:15px;margin-bottom:10px;font-size:1.1em;font-weight:600;display:flex}.case-story-title:first-of-type{margin-top:0}.case-story-title i{color:#fff;opacity:.9;font-size:1em}.case-story-text{color:#ffffffe6;margin:0 0 15px;padding-left:28px;font-size:.9em;line-height:1.6}.case-results-section{background:#ffffff1f;border-radius:10px;margin-bottom:20px;padding:15px}.case-results-title{color:#fff;align-items:center;gap:8px;margin-bottom:15px;font-size:1.2em;font-weight:600;display:flex}.case-results-title i{color:#fff;opacity:.9}.case-charts-grid{flex-direction:column;gap:15px;display:flex}.case-chart-item{flex-direction:column;gap:6px;display:flex}.chart-label{color:#fffc;font-size:.85em;font-weight:500}.chart-bar-container{background:#ffffff1a;border-radius:14px;width:100%;height:28px;position:relative;overflow:hidden}.chart-bar{background:linear-gradient(90deg,#fff 0%,#ffffffe6 100%);border-radius:14px;justify-content:flex-end;align-items:center;height:100%;padding-right:10px;transition:width 1s ease-out;display:flex;position:relative;box-shadow:0 2px 8px #ffffff4d}.chart-bar:before{content:"";background:linear-gradient(90deg,#0000,#fff3);border-radius:14px;position:absolute;inset:0}.chart-value{color:#dc3545;text-shadow:0 1px 3px #0003;z-index:1;font-size:.75em;font-weight:700}.chart-description{color:#ffffffb3;font-size:.75em;font-style:italic}.case-benefits-section{margin-bottom:10px}.case-benefits-title{color:#fff;align-items:center;gap:8px;margin-bottom:12px;font-size:1.1em;font-weight:600;display:flex}.case-benefits-title i{color:#fff;opacity:.9}.case-benefits-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.benefit-item{color:#ffffffe6;background:#ffffff0f;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:.8em;transition:all .3s;display:flex}.benefit-item:hover{background:#ffffff1a;transform:translate(3px)}.benefit-item i{color:#fff;text-align:center;opacity:.9;width:16px;font-size:1em}.case-stats-banner{color:#fff;background:linear-gradient(135deg,#0a2540 0%,#00a8cc 100%);padding:80px 40px;position:relative;overflow:hidden}.case-stats-banner:before{content:"";opacity:.4;background-color:#0000;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff4d,#0000),radial-gradient(2px 2px at 60px 70px,#fff3,#0000),radial-gradient(1px 1px at 90px 40px,#ffffff4d,#0000);background-position:0 0,0 0,0 0;background-repeat:repeat;background-size:200px 100px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:30s linear infinite stats-drift;position:absolute;inset:0}@keyframes stats-drift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.stats-banner-content{z-index:2;max-width:1400px;margin:0 auto;position:relative}.stats-banner-content h2{text-align:center;text-shadow:0 0 20px #00a8cc80;margin-bottom:50px;font-size:2.5em}.banner-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;display:grid}.banner-stat{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:30px;transition:all .3s}.banner-stat:hover{background:#ffffff26;transform:translateY(-10px);box-shadow:0 15px 40px #0003}.banner-stat-icon{color:#00a8cc;text-shadow:0 0 20px #00a8cccc;margin-bottom:15px;font-size:2.5em}.banner-stat h3{color:#fff;margin:10px 0;font-size:3em;font-weight:700}.banner-stat p{opacity:.9;margin:0;font-size:1.1em}@media (max-width:768px){.case-hero{min-height:40vh;padding:60px 20px}.case-hero h1{font-size:2.5em}.case-hero p{font-size:1.1em}.case-studies-section{box-sizing:border-box;text-align:center;width:100%;max-width:100%;margin:0 auto;padding:60px 15px;overflow-x:hidden}.case-container{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:0;overflow-x:hidden}.case-intro{text-align:center;width:100%;margin-bottom:50px}.case-intro h2{margin-bottom:15px;font-size:2em;line-height:1.2}.case-subtitle{padding:0 10px;font-size:.95em;line-height:1.5}.case-grid{box-sizing:border-box;grid-template-columns:1fr;justify-items:center;gap:60px;width:100%;max-width:100%;margin:40px auto 0;padding:0 15px}.case-card{box-sizing:border-box;width:100%;max-width:100%;height:320px;min-height:320px;margin:0 auto;padding:0}.case-card-inner{transform-origin:50%;will-change:transform;perspective:1000px;box-sizing:border-box;border-radius:16px;width:100%;height:100%;min-height:320px;margin:0 auto;position:relative;left:0;right:0;transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important}.case-card-inner[style*="rotateY(180deg)"] .case-card-front{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.case-card-inner[style*="rotateY(180deg)"] .case-card-back,.case-card-inner[style*="rotateY(0deg)"] .case-card-front{opacity:1!important;visibility:visible!important}.case-card-inner[style*="rotateY(0deg)"] .case-card-back{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.case-card-inner[style*="rotateY(180deg)"]{transform:rotateY(180deg)!important}.case-card-front{-webkit-background-size:cover;box-sizing:border-box;backface-visibility:hidden;text-align:center;pointer-events:auto;background-color:#f0f0f0;background-image:url(/static/IMG_0590.JPG);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:100%;max-width:100%;height:100%;min-height:320px;margin:0 auto;padding:18px 15px 60px;position:absolute;top:0;opacity:1!important;visibility:visible!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;display:flex!important;left:0!important;right:0!important;overflow:visible!important}.case-card-front:before{content:"";z-index:1;pointer-events:none;background:0 0;border-radius:16px;position:absolute;inset:0}.case-card-front>*{z-index:2;position:relative}.case-card-front .case-btn{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:#00a8cc80;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;max-width:calc(100% - 30px);z-index:999!important;pointer-events:auto!important;align-self:auto!important;margin-top:0!important;padding:10px 18px!important;font-size:.8em!important;position:absolute!important;bottom:15px!important;left:auto!important;right:15px!important;overflow:visible!important}.case-card-back{box-sizing:border-box;backface-visibility:hidden;-webkit-overflow-scrolling:touch;z-index:2;border-radius:16px;width:100%;max-width:100%;height:100%;min-height:320px;margin:0 auto;padding:25px 20px;position:absolute;top:0;overflow:hidden auto;transform:rotateY(180deg);opacity:1!important;visibility:visible!important;left:0!important;right:0!important}.case-btn-back{-webkit-tap-highlight-color:#00a8cc4d;touch-action:manipulation;z-index:10!important;pointer-events:auto!important;margin-top:15px!important;padding:12px 24px!important;font-size:.9em!important;position:relative!important}.case-icon{width:50px;height:50px;margin-bottom:10px;font-size:1.4em}.case-card-front h3{color:#0a2540;box-sizing:border-box;word-wrap:break-word;text-align:center;width:100%;max-width:100%;margin-bottom:5px;padding:0;font-size:1.1em;font-weight:700;line-height:1.2}.case-industry{color:#0a2540;box-sizing:border-box;word-wrap:break-word;text-align:center;width:100%;max-width:100%;margin-bottom:10px;padding:0;font-size:.8em;font-weight:600}.case-badge{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 30px);padding:5px 12px;font-size:.75em;top:15px;right:15px;overflow:hidden}.case-stats-mini{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;background:#ffffffbf;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:100%;margin:12px 0;padding:8px}.case-stats-mini .stat-item{text-align:center;flex:none;min-width:60px;max-width:100%}.stat-number{color:#0a2540;font-size:1.1em;font-weight:700}.stat-label{color:#2d3748;font-size:.65em;font-weight:500}.case-btn{z-index:10;pointer-events:auto;-webkit-tap-highlight-color:#00a8cc4d;touch-action:manipulation;align-self:center;margin-top:8px;padding:10px 20px;font-size:.85em;position:relative}.case-stats-banner{padding:60px 20px}.stats-banner-content h2{font-size:2em}.banner-stats{grid-template-columns:1fr;gap:30px}.banner-stat h3{font-size:2.5em}}@media (max-width:480px){.case-hero h1{font-size:1.8em;line-height:1.2}.case-hero p{font-size:1em}.case-studies-section{box-sizing:border-box;text-align:center;width:100%;max-width:100%;margin:0 auto;padding:50px 12px;overflow-x:hidden}.case-container{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.case-grid{justify-items:center;padding:0 12px}.case-card{margin:0 auto}.case-intro h2{font-size:1.8em}.case-subtitle{padding:0 5px;font-size:.9em}.case-grid{gap:50px;margin-top:30px}.case-card{height:300px;min-height:300px}.case-card-inner{min-height:300px}.case-card-front{-webkit-background-size:cover;background-color:#f0f0f0;background-image:url(/static/IMG_0590.JPG);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto;padding:15px 12px 55px;top:0;left:0!important;right:0!important}.case-card-front:before{pointer-events:none;background:0 0}.case-card-front .case-btn{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:#00a8cc80;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;max-width:calc(100% - 24px);z-index:999!important;pointer-events:auto!important;margin-top:0!important;padding:9px 16px!important;font-size:.75em!important;position:absolute!important;bottom:12px!important;left:auto!important;right:12px!important;overflow:visible!important}.case-btn-back{margin-top:12px!important;padding:10px 20px!important;font-size:.85em!important}.case-card-back{padding:20px 15px}.case-icon{width:55px;height:55px;margin-bottom:10px;font-size:1.4em}.case-card-front h3{margin-bottom:5px;font-size:1.15em;line-height:1.2}.case-industry{margin-bottom:10px;font-size:.8em}.case-stats-mini{gap:10px;margin:12px 0;padding:8px}.case-stats-mini .stat-item{min-width:60px}.stat-number{font-size:1.1em}.stat-label{font-size:.65em}.case-btn{margin-top:8px;padding:10px 20px;font-size:.85em}.case-badge{padding:4px 10px;font-size:.7em;top:12px;right:12px}.case-section h5{margin-bottom:8px;font-size:.95em}.case-section p{font-size:.85em;line-height:1.4}.case-details-list li{padding:5px 0 5px 18px;font-size:.75em;line-height:1.4}.case-company-name{font-size:1.3em}.case-website-prominent{font-size:.95em}.case-bot-cta{padding:5px 10px;font-size:.8em}.testimonial-quote p{padding-left:20px;font-size:.85em}.case-story-text{padding-left:20px;font-size:.8em}.case-charts-grid{gap:12px}.chart-bar-container{height:24px}.case-benefits-grid{grid-template-columns:1fr;gap:8px}.benefit-item{padding:6px 8px;font-size:.75em}}.modal{z-index:10000;background-color:#000000b3;width:100%;height:100%;padding:40px 20px;animation:.3s fadeIn;display:none;position:fixed;top:0;left:0;overflow-y:auto}.modal-content{color:#333;-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;max-width:900px;max-height:90vh;margin:0 auto 40px;padding:40px 30px;font-family:Roboto,sans-serif;line-height:1.7;animation:.3s slideIn;position:relative;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal .close{color:#666;cursor:pointer;z-index:1;font-size:32px;font-weight:700;line-height:1;transition:color .2s;position:absolute;top:20px;right:20px}.modal .close:hover{color:#e74c3c}.modal h2{color:#111;margin-top:0;margin-bottom:20px;font-size:24px}.modal h3{color:#222;margin-top:25px;margin-bottom:10px;font-size:18px}.modal p{margin-bottom:15px}.modal ul{margin-bottom:15px;margin-left:25px}.modal li{margin-bottom:8px}body.modal-open{overflow:hidden}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 20px;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:450px;padding:40px;box-shadow:0 10px 40px #0000001a}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#2e3440;margin-bottom:10px;font-size:28px;font-weight:700}.login-header p{color:#6c757d;font-size:14px}.login-form{margin-top:30px}.form-group{margin-bottom:20px}.form-group label{color:#2e3440;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;transition:border-color .3s}.form-group input:focus{border-color:#4a90e2;outline:none}.form-hint{color:#6c757d;margin-top:5px;font-size:12px;display:block}.btn-primary{color:#fff;cursor:pointer;background:#4a90e2;border:none;border-radius:8px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:600;transition:background .3s}.btn-primary:hover{background:#357abd}.btn-primary:disabled{cursor:not-allowed;background:#ccc}.error-message{color:#c33;background:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:15px;padding:12px;font-size:14px}.login-footer{text-align:center;border-top:1px solid #e0e0e0;margin-top:25px;padding-top:25px}.login-footer p{color:#6c757d;font-size:14px}.login-footer a{color:#4a90e2;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.stats-container{max-width:1200px;min-height:calc(100vh - 200px);margin:0 auto;padding:40px 20px}.stats-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.stats-header h1{color:#2e3440;margin:0;font-size:32px;font-weight:700}.btn-secondary{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .3s}.btn-secondary:hover{background:#5a6268}.loading{text-align:center;padding:60px 20px}.spinner{border:4px solid #f3f3f3;border-top-color:#4a90e2;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p{color:#6c757d;font-size:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:20px;padding:25px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px #0000001a}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.stat-icon{color:#fff;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.stat-info h3{color:#2e3440;margin:0;font-size:32px;font-weight:700}.stat-info p{color:#6c757d;margin:5px 0 0;font-size:14px}.last-updated{text-align:center;color:#6c757d;background:#f8f9fa;border-radius:8px;padding:20px;font-size:14px}@media (max-width:768px){.stats-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}}.auth-hero{background:#f8f9fa;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-container{z-index:10;width:100%;max-width:500px;padding:20px}.auth-card{background:#fff;border-radius:16px;padding:40px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00a8cc26}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{color:#0a2540;font-size:2.2em}.secure-icon{color:#00a8cc;margin-bottom:10px;font-size:2em}.auth-form .form-group{margin-bottom:25px;position:relative}.form-icon{color:#6c757d;font-size:1.2em;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.auth-form input{box-sizing:border-box;color:#2d3748;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;width:100%;font-size:16px;transition:border-color .3s;padding:12px 16px 12px 45px!important}.auth-form input:focus{border-color:#00a8cc;outline:none}.auth-footer{text-align:center;margin-top:20px}.particles-bg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{background:#00a8cc4d;border-radius:50%;animation:15s ease-in-out infinite float;position:absolute}.particle:first-child{width:20px;height:20px;animation-delay:0s;top:20%;left:10%}.particle:nth-child(2){width:30px;height:30px;animation-delay:2s;top:50%;left:30%}.particle:nth-child(3){width:15px;height:15px;animation-delay:4s;top:70%;left:50%}.particle:nth-child(4){width:25px;height:25px;animation-delay:6s;top:30%;left:70%}.particle:nth-child(5){width:35px;height:35px;animation-delay:8s;top:60%;left:90%}.stats-hero{min-height:100vh;padding:60px 0;position:relative;overflow:hidden}#mesh-canvas-stats{opacity:.1;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.stat-counter{transition:all 1s}.stat-card{transition:transform .3s,box-shadow .3s,background .3s}.stat-card:hover{background:linear-gradient(135deg,#fff 0%,#f0faff 100%);transform:translateY(-10px);box-shadow:0 12px 24px #00a8cc33}.refresh-btn{width:200px;margin:30px auto 0;display:block}.refresh-btn.loading{animation:1s infinite pulse}.diagonal-dark{background:linear-gradient(135deg,#0a2540 0%,#0000 100%)}.diagonal-light{background:linear-gradient(135deg,#0000 0%,#00a8cc 100%)}.auth-form .form-group{opacity:1;transition:all .5s;transform:translateY(0)}.auth-form .form-group.visible{opacity:1;transform:translateY(0)}.auth-page{background:linear-gradient(135deg,#0a2540 0%,#1a3a5a 50%,#0a2540 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.auth-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.gradient-orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb-1{background:linear-gradient(135deg,#00a8cc,#0a2540);width:400px;height:400px;animation-delay:0s;top:-200px;left:-200px}.orb-2{background:linear-gradient(135deg,#00a8cc,#4a90e2);width:300px;height:300px;animation-delay:5s;bottom:-150px;right:-150px}.orb-3{background:linear-gradient(135deg,#4a90e2,#00a8cc);width:250px;height:250px;animation-delay:10s;top:50%;right:10%}.grid-pattern{opacity:.3;background-image:linear-gradient(#00a8cc1a 1px,#0000 1px),linear-gradient(90deg,#00a8cc1a 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.auth-wrapper{z-index:1;width:100%;max-width:480px;position:relative}.auth-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:48px 40px;animation:.6s ease-out slideUp;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card-header{text-align:center;margin-bottom:40px}.auth-logo-circle{background:linear-gradient(135deg,#00a8cc,#4a90e2);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;animation:2s infinite pulse;display:flex;box-shadow:0 8px 24px #00a8cc66}.auth-logo-circle i{color:#fff;font-size:32px}.auth-card-header h1{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:700}.auth-card-header p{color:#ffffffb3;margin:0;font-size:16px}.auth-form-modern{flex-direction:column;gap:28px;display:flex}.form-group-modern{position:relative}.form-label-modern{color:#ffffffe6;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;font-weight:500;display:flex}.form-label-modern i{color:#00a8cc;font-size:16px}.optional-badge{color:#ffffff80;font-size:12px;font-weight:400}.form-input-modern{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:16px 20px;font-size:16px;transition:all .3s}.form-input-modern::placeholder{color:#fff6}.form-input-modern:focus{background:#ffffff14;border-color:#00a8cc;outline:none;box-shadow:0 0 0 3px #00a8cc33}.input-underline{background:linear-gradient(90deg,#00a8cc,#4a90e2);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.form-input-modern:focus+.input-underline{width:100%}.password-input-wrapper{position:relative}.password-toggle{color:#fff9;cursor:pointer;background:0 0;border:none;padding:8px;font-size:18px;transition:color .3s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.password-toggle:hover{color:#00a8cc}.form-hint-modern{color:#ffffff80;margin-top:8px;font-size:12px;display:block}.password-strength{gap:4px;height:4px;margin-top:8px;display:flex}.strength-bar{background:#ffffff1a;border-radius:2px;flex:1;transition:background .3s}.password-strength.weak .strength-bar:first-child,.password-strength.medium .strength-bar:nth-child(-n+2),.password-strength.strong .strength-bar:nth-child(-n+3),.password-strength.very-strong .strength-bar{background:#00a8cc}.password-match-indicator{opacity:0;margin-top:8px;font-size:12px;transition:opacity .3s}.password-match-indicator.match{opacity:1;color:#4ade80}.password-match-indicator.mismatch{opacity:1;color:#f87171}.btn-auth-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00a8cc,#4a90e2);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 16px #00a8cc66}.btn-auth-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00a8cc80}.btn-auth-primary:active{transform:translateY(0)}.btn-auth-primary i{transition:transform .3s}.btn-auth-primary:hover i{transform:translate(4px)}.error-message-modern{color:#fca5a5;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;padding:14px 18px;font-size:14px;animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.forgot-password-link{text-align:right;margin-top:12px;margin-bottom:8px}.auth-link-secondary{color:#ffffffb3;align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:color .3s;display:inline-flex}.auth-link-secondary:hover{color:#00a8cc}.auth-link-secondary i{font-size:12px}.success-message-modern{color:#22c55e;text-align:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:12px;margin:16px 0;padding:16px;font-size:14px}.auth-footer-modern{text-align:center;color:#ffffffb3;margin-top:32px;font-size:14px}.auth-link{color:#00a8cc;font-weight:500;text-decoration:none;transition:color .3s}.auth-link:hover{color:#4a90e2;text-decoration:underline}.auth-decoration{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.decoration-circle{border:1px solid #00a8cc33;border-radius:50%;animation:20s linear infinite rotate;position:absolute}.decoration-circle:first-child{width:200px;height:200px;top:10%;right:-100px}.decoration-circle:nth-child(2){width:150px;height:150px;animation-delay:-10s;bottom:20%;left:-75px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-dashboard{background:linear-gradient(135deg,#0a2540 0%,#1a3a5a 50%,#0a2540 100%);min-height:100vh;padding:40px 20px;position:relative;overflow-x:hidden}.stats-background{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.stats-background .gradient-orb{filter:blur(100px);opacity:.2;border-radius:50%;position:absolute}.dashboard-container{z-index:1;max-width:1400px;margin:0 auto;position:relative}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:40px;padding:32px;box-shadow:0 8px 32px #0000004d}.admin-client-selector{background:#00a8cc1a;border:2px solid #00a8cc4d;border-radius:12px;align-items:center;gap:15px;margin-top:20px;padding:20px;display:flex}.client-select-label{color:#fff;align-items:center;gap:8px;font-size:1em;font-weight:600;display:flex}.client-select-label i{color:#00a8cc;font-size:1.2em}.client-select{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:10px;min-width:250px;padding:10px 16px;font-size:1em;font-weight:600;transition:all .3s}.client-select:focus{background:#ffffff26;border-color:#00a8cc;outline:none;box-shadow:0 0 0 3px #00a8cc33}.client-select option{color:#fff;background:#0a2540;padding:10px}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.dashboard-header h1{color:#fff;align-items:center;gap:12px;margin:0 0 8px;font-size:36px;font-weight:700;display:flex}.dashboard-header h1 i{color:#00a8cc}.dashboard-subtitle{color:#ffffffb3;margin:0;font-size:16px}.header-actions{gap:12px;display:flex}.btn-refresh,.btn-logout{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-refresh{color:#00a8cc;background:#00a8cc33;border:1px solid #00a8cc4d}.btn-refresh:hover{background:#00a8cc4d;transform:translateY(-2px)}.btn-refresh.loading i{animation:1s linear infinite spin}.btn-logout{color:#fca5a5;background:#ef444433;border:1px solid #ef44444d}.btn-logout:hover{background:#ef44444d;transform:translateY(-2px)}.btn-change-password{cursor:pointer;color:#fbbf24;background:#fbbf2433;border:1px solid #fbbf244d;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-change-password:hover{background:#fbbf244d;transform:translateY(-2px)}.success-message-dashboard{color:#22c55e;text-align:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:12px;margin:16px 0;padding:16px;font-size:14px}.change-password-form .form-group-modern{margin-bottom:20px}.change-password-form label{color:#0a2540;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.change-password-form input{border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 16px;font-size:1em;transition:all .2s}.change-password-form input:focus{border-color:#00a8cc;outline:none;box-shadow:0 0 0 3px #00a8cc1a}.modal-actions{gap:12px;margin-top:24px;display:flex}.btn-cancel{color:#64748b!important;background:#f1f5f9!important;border:2px solid #e2e8f0!important}.btn-cancel:hover{background:#e2e8f0!important}.last-updated-modern{color:#fff9;align-items:center;gap:8px;font-size:14px;display:flex}.last-updated-modern i{color:#00a8cc}.last-updated-modern strong{color:#fff}.loading-modern{text-align:center;color:#fff;padding:80px 20px}.spinner-modern{width:80px;height:80px;margin-bottom:24px;display:inline-block;position:relative}.spinner-ring{border:4px solid #0000;border-top-color:#00a8cc;border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin;position:absolute}.spinner-ring:nth-child(2){border-top-color:#4a90e2;width:70%;height:70%;animation-delay:.2s;top:15%;left:15%}.spinner-ring:nth-child(3){border-top-color:#00a8cc;width:40%;height:40%;animation-delay:.4s;top:30%;left:30%}.loading-modern p{color:#ffffffb3;margin:0;font-size:16px}.error-message-dashboard{color:#fca5a5;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;margin-bottom:24px;padding:16px 20px}.stat-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:20px;padding:28px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0003}.stat-card-modern:before{content:"";background:linear-gradient(#00a8cc,#4a90e2);width:4px;height:100%;transition:width .3s;position:absolute;top:0;left:0}.stat-card-modern:hover{border-color:#00a8cc4d;transform:translateY(-4px);box-shadow:0 8px 32px #00a8cc4d}.stat-card-modern:hover:before{opacity:.1;width:100%}.stat-card-modern.stat-primary:before{background:linear-gradient(#00a8cc,#4a90e2)}.stat-card-modern.stat-success:before{background:linear-gradient(#4ade80,#22c55e)}.stat-card-modern.stat-info:before{background:linear-gradient(#60a5fa,#3b82f6)}.stat-card-modern.stat-warning:before{background:linear-gradient(#fbbf24,#f59e0b)}.stat-card-modern.stat-danger:before{background:linear-gradient(#f87171,#ef4444)}.stat-card-modern.stat-secondary:before{background:linear-gradient(#a78bfa,#8b5cf6)}.stat-card-modern.stat-tertiary:before{background:linear-gradient(#34d399,#10b981)}.stat-icon-modern{color:#00a8cc;background:#00a8cc33;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.stat-card-modern.stat-success .stat-icon-modern{color:#4ade80;background:#4ade8033}.stat-card-modern.stat-info .stat-icon-modern{color:#60a5fa;background:#60a5fa33}.stat-card-modern.stat-warning .stat-icon-modern{color:#fbbf24;background:#fbbf2433}.stat-card-modern.stat-danger .stat-icon-modern{color:#f87171;background:#f8717133}.stat-card-modern.stat-secondary .stat-icon-modern{color:#a78bfa;background:#a78bfa33}.stat-card-modern.stat-tertiary .stat-icon-modern{color:#34d399;background:#34d39933}.stat-content{flex:1}.stat-value{color:#fff;margin:0 0 4px;font-size:32px;font-weight:700;line-height:1}.stat-label{color:#ffffffb3;margin:0 0 8px;font-size:14px}.stat-trend{color:#fff9;align-items:center;gap:6px;font-size:12px;display:flex}.stat-trend i{color:#00a8cc;font-size:10px}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:40px;display:grid}.chart-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:28px;transition:transform .3s;box-shadow:0 4px 16px #0003}.chart-card:hover{transform:translateY(-4px)}.chart-card.chart-full-width{grid-column:1/-1}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.chart-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.chart-header h3 i{color:#00a8cc}.chart-controls{gap:8px;display:flex}.chart-period{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:6px 16px;font-size:12px;font-weight:500;transition:all .3s}.chart-period:hover{color:#fff;background:#ffffff1a}.chart-period.active{color:#fff;background:linear-gradient(135deg,#00a8cc,#4a90e2);border-color:#00a8cc}.chart-container{height:300px;position:relative}.chart-full-width .chart-container{height:400px}@media (max-width:768px){.auth-card-modern{padding:32px 24px}.dashboard-header h1{font-size:28px}.stats-grid-modern,.charts-grid{grid-template-columns:1fr}.chart-card.chart-full-width{grid-column:1}.header-content{flex-direction:column;align-items:flex-start}}.case-study-hero-new{background:linear-gradient(135deg,#0a2540 0%,#1a3a5a 50%,#0a2540 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 40px 100px;display:flex;position:relative;overflow:hidden}.case-hero-background{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-gradient-orb{filter:blur(100px);opacity:.3;border-radius:50%;animation:8s ease-in-out infinite pulse-orb-new;position:absolute}.hero-orb-1{background:#00a8cc;width:600px;height:600px;animation-delay:0s;top:-250px;left:-150px}.hero-orb-2{background:#4cb3d5;width:500px;height:500px;animation-delay:2.5s;bottom:-200px;right:-100px}.hero-orb-3{background:#00a8cc;width:400px;height:400px;animation-delay:5s;top:40%;right:5%}@keyframes pulse-orb-new{0%,to{opacity:.2;transform:scale(1)translate(0)}50%{opacity:.4;transform:scale(1.3)translate(20px,-20px)}}.case-hero-header{z-index:10;text-align:center;max-width:1200px;margin-bottom:60px;position:relative}.hero-badge{color:#fff;letter-spacing:2.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a254066;border:2px solid #00a8cc99;border-radius:50px;align-items:center;gap:10px;margin-bottom:30px;padding:12px 28px;font-size:.9em;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 0 25px #00a8cc4d}.hero-badge i{color:#00a8cc;font-size:1.1em}.hero-badge:hover{border-color:#00a8cce6;transform:translateY(-2px);box-shadow:0 0 35px #00a8cc80}.hero-main-title{color:#fff;text-transform:uppercase;letter-spacing:-2px;text-shadow:0 0 50px #00a8cc66;margin-bottom:25px;font-size:5em;font-weight:900;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#00a8cc,#4cb3d5,#00d4ff);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-subtitle{color:#ffffffe6;max-width:800px;margin:0 auto;font-size:1.3em;font-weight:300;line-height:1.7}.coverflow-container{z-index:10;width:100%;max-width:1400px;margin:0 auto 60px;padding:80px 0;position:relative}.coverflow-wrapper{perspective:1500px;justify-content:center;align-items:center;height:600px;display:flex;position:relative}.coverflow-card{will-change:transform;width:480px;height:580px;transition:all .5s cubic-bezier(.4,0,.2,1);position:absolute}.coverflow-card.active{pointer-events:auto}.card-3d-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease-in-out;position:relative}.card-3d-front,.card-3d-back{backface-visibility:hidden;border-radius:24px;width:100%;height:100%;position:absolute;overflow:hidden;box-shadow:0 20px 60px #0006}.card-3d-front{background:linear-gradient(135deg,#0a2540f2 0%,#0a2540d9 100%);border:1px solid #00a8cc4d}.card-image-wrapper{width:100%;height:250px;position:relative;overflow:hidden}.card-image{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .5s}.coverflow-card:hover .card-image{transform:scale(1.05)}.card-overlay{background:linear-gradient(#0000,#0a2540f2);height:80px;position:absolute;bottom:0;left:0;right:0}.card-content{color:#fff;flex-direction:column;gap:15px;padding:30px;display:flex}.card-industry{color:#00a8cc;text-transform:uppercase;letter-spacing:2px;font-size:.85em;font-weight:600}.card-company{color:#fff;margin:0;font-size:1.8em;font-weight:700;line-height:1.2}.card-tagline{color:#fffc;margin:0;font-size:1em;line-height:1.5}.card-website{align-items:center;gap:10px;margin-top:10px;display:flex}.card-website i{color:#00a8cc;font-size:1.1em}.card-website a{color:#4cb3d5;font-weight:500;text-decoration:none;transition:color .3s}.card-website a:hover{color:#00a8cc}.card-flip-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00a8cc,#0096b8);border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:14px 32px;font-size:1em;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #00a8cc4d}.card-flip-btn:hover{background:linear-gradient(135deg,#0096b8,#00a8cc);transform:translateY(-2px);box-shadow:0 6px 25px #00a8cc80}.card-3d-back{color:#fff;background:linear-gradient(135deg,#00a8cc 0%,#0096b8 100%);padding:30px;overflow-y:auto;transform:rotateY(180deg)}.card-back-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fff3;border:1px solid #ffffff4d;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s;display:flex;position:absolute;top:20px;left:20px}.card-back-btn:hover{background:#ffffff4d;transform:translate(-3px)}.card-back-scroll{max-height:calc(100% - 50px);margin-top:50px;padding-right:10px;overflow-y:auto}.card-back-scroll::-webkit-scrollbar{width:6px}.card-back-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.card-back-scroll::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.back-company-header{margin-bottom:25px}.back-company-header h4{margin:0 0 10px;font-size:1.8em;font-weight:700}.back-website{align-items:center;gap:8px;display:flex}.back-website a{color:#ffffffe6;font-weight:500;text-decoration:none}.back-website a:hover{color:#fff}.back-testimonial{background:#ffffff1a;border-left:4px solid #ffffff4d;border-radius:16px;margin-bottom:25px;padding:20px}.quote-icon{opacity:.3;margin-bottom:10px;font-size:1.5em}.back-testimonial p{margin:0;font-style:italic;line-height:1.6}.back-section{margin-bottom:30px}.back-section h5{align-items:center;gap:10px;margin:0 0 15px;font-size:1.2em;font-weight:700;display:flex}.back-section h5 i{color:#ffffffb3}.back-section p{color:#fffffff2;margin:0;line-height:1.6}.results-grid{flex-direction:column;gap:20px;display:flex}.result-item{background:#ffffff1a;border-radius:12px;padding:15px}.result-label{margin-bottom:8px;font-size:.95em;font-weight:600}.result-bar-container{background:#0003;border-radius:20px;height:32px;margin-bottom:8px;overflow:hidden}.result-bar{background:linear-gradient(90deg,#ffffffe6,#fff9);border-radius:20px;justify-content:center;align-items:center;height:100%;font-size:.95em;font-weight:700;transition:width .8s;display:flex}.result-value{color:#0a2540;text-shadow:none}.result-description{color:#fffc;font-size:.85em}.benefits-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.benefit-item{background:#ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:15px;display:flex}.benefit-item i{color:#fffc;font-size:1.2em}.benefit-item span{font-size:.9em;font-weight:500}.coverflow-dots{justify-content:center;gap:15px;margin-top:40px;display:flex}.dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.dot.active{background:#00a8cc;transform:scale(1.3);box-shadow:0 0 15px #00a8cc99}.dot:hover:not(.active){background:#ffffff80;transform:scale(1.1)}.coverflow-arrow{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.coverflow-arrow:hover{background:#00a8cc4d;border-color:#00a8cc80;transform:translateY(-50%)scale(1.1)}.arrow-left{left:40px}.arrow-right{right:40px}.hero-stats-grid{z-index:10;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1000px;margin:0 auto;display:grid;position:relative}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#0a254080;border:1px solid #ffffff1a;border-radius:20px;padding:35px 25px;transition:all .4s;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,#0000,#00a8cc33,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.stat-card:hover{background:#0a2540b3;border-color:#00a8cc66;transform:translateY(-8px);box-shadow:0 15px 40px #00a8cc4d}.stat-card:hover:before{left:100%}.stat-number{color:#00a8cc;text-shadow:0 0 25px #00a8cc80;margin-bottom:10px;font-size:3.2em;font-weight:900;display:block}.stat-label{color:#fffffff2;text-transform:uppercase;letter-spacing:1.5px;font-size:.9em;font-weight:600;display:block}@media (max-width:1200px){.coverflow-card{width:420px;height:540px}.coverflow-arrow{width:45px;height:45px}.arrow-left{left:20px}.arrow-right{right:20px}}@media (max-width:992px){.hero-main-title{font-size:4em}.coverflow-wrapper{height:550px}.coverflow-card{width:380px;height:500px}.hero-stats-grid{grid-template-columns:1fr;gap:20px;max-width:400px}}@media (max-width:768px){.case-study-hero-new{min-height:auto;padding:60px 20px 80px}.hero-main-title{letter-spacing:-1px;font-size:3em}.hero-subtitle{font-size:1.1em}.case-hero-header{margin-bottom:40px}.coverflow-container{padding:40px 0}.coverflow-wrapper{height:520px}.coverflow-card{width:340px;height:480px}.card-image-wrapper{height:200px}.card-company{font-size:1.5em}.card-content{padding:25px}.coverflow-arrow{display:none}.benefits-grid{grid-template-columns:1fr}.stat-card{padding:30px 20px}.stat-number{font-size:2.8em}}@media (max-width:480px){.hero-main-title{font-size:2.3em}.hero-badge{padding:10px 20px;font-size:.8em}.coverflow-card{width:300px;height:450px}.card-image-wrapper{height:180px}.card-content{gap:12px;padding:20px}.card-company{font-size:1.3em}.card-tagline{font-size:.9em}.card-flip-btn{padding:12px 24px;font-size:.95em}}.case-cta-section-new{text-align:center;background:#fff;padding:100px 40px;position:relative;overflow:hidden}.case-cta-section-new .cta-content{z-index:10;max-width:900px;margin:0 auto;position:relative}.case-cta-section-new .cta-title{color:#0a2540;margin-bottom:25px;font-size:3.2em;font-weight:800;line-height:1.2}.case-cta-section-new .cta-description{color:#2d3748;max-width:750px;margin-bottom:45px;margin-left:auto;margin-right:auto;font-size:1.3em;line-height:1.7}.case-cta-section-new .cta-links{flex-wrap:wrap;justify-content:center;gap:25px;margin-bottom:40px;display:flex}.case-cta-section-new .cta-link{color:#0a2540;background:#f8f9fa;border:2px solid #e9ecef;border-radius:50px;align-items:center;gap:12px;padding:16px 32px;font-size:1.1em;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.case-cta-section-new .cta-link i{color:#00a8cc;font-size:1.2em}.case-cta-section-new .cta-link:hover{background:#e9ecef;border-color:#00a8cc;transform:translateY(-2px);box-shadow:0 6px 20px #00a8cc26}.case-cta-section-new .cta-button{color:#fff;background:linear-gradient(135deg,#00a8cc,#4cb3d5);border-radius:50px;align-items:center;gap:10px;padding:18px 45px;font-size:1.2em;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 30px #00a8cc4d}.case-cta-section-new .cta-button:hover{background:linear-gradient(135deg,#0096b8,#00a8cc);transform:translateY(-3px);box-shadow:0 15px 45px #00a8cc66}.cta-background{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.cta-orb{filter:blur(80px);opacity:.15;border-radius:50%;position:absolute}.cta-orb-1{background:radial-gradient(circle,#00a8cc4d,#0000);width:500px;height:500px;top:-200px;right:-150px}.cta-orb-2{background:radial-gradient(circle,#4cb3d540,#0000);width:400px;height:400px;bottom:-150px;left:-100px}@media (max-width:768px){.case-cta-section-new{padding:80px 30px}.case-cta-section-new .cta-title{font-size:2.3em}.case-cta-section-new .cta-description{font-size:1.1em}.case-cta-section-new .cta-links{flex-direction:column;align-items:center;gap:15px}.case-cta-section-new .cta-link,.case-cta-section-new .cta-button{justify-content:center;width:100%;max-width:320px}}@media (max-width:480px){.case-cta-section-new{padding:60px 20px}.case-cta-section-new .cta-title{font-size:1.9em}.case-cta-section-new .cta-description{font-size:1em}.case-cta-section-new .cta-link{padding:14px 24px;font-size:1em}.case-cta-section-new .cta-button{padding:16px 36px;font-size:1.1em}}.faq-section{margin-bottom:60px}.faq-section h2{text-align:center;color:#0a2540;margin-bottom:50px;font-size:2.8em}.faq-card{color:#fff;background:linear-gradient(135deg,#0a2540 0%,#00a8cc 100%);border-radius:16px;max-width:1000px;margin:0 auto;padding:40px;box-shadow:0 6px 24px #00a8cc33}.faq-item{border-bottom:1px solid #ffffff26;margin-bottom:20px}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 0;font-size:1.1em;font-weight:500;line-height:1.4;display:flex}.faq-toggle{font-size:1.2em}.faq-answer{padding:20px 0 0;font-size:1em;line-height:1.7;display:none}.faq-answer.show{display:block}.conversations-dashboard{margin-top:40px}.section-header{margin-bottom:30px}.section-header h2{color:#0a2540;margin-bottom:10px;font-size:2em}.section-header h2 i{color:#00a8cc;margin-right:15px}.section-subtitle{color:#64748b;margin:0;font-size:1.1em}.conversations-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.summary-stat{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #00a8cc1a;border-radius:16px;align-items:center;gap:20px;padding:25px;display:flex;box-shadow:0 4px 20px #00000014}.summary-stat i{color:#00a8cc;opacity:.8;font-size:2.5em}.summary-stat.stat-enquiry i{color:#10b981}.summary-stat.stat-issue i{color:#ef4444}.summary-value{color:#0a2540;font-size:2em;font-weight:700;display:block}.summary-label{color:#64748b;margin-top:5px;font-size:.9em;display:block}.conversations-by-date{margin-top:30px}.date-group{margin-bottom:40px}.date-header{cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:2px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;transition:all .3s;display:flex}.date-header:hover{background:linear-gradient(135deg,#e0f2fe 0%,#f0f9ff 100%);border-color:#00a8cc;transform:translateY(-2px);box-shadow:0 4px 12px #00a8cc26}.date-header-content{align-items:center;gap:15px;display:flex}.collapse-icon{color:#00a8cc;font-size:1.2em;transition:transform .3s}.date-header h3{color:#0a2540;margin:0;font-size:1.5em}.conversation-count{color:#64748b;background:#f1f5f9;border-radius:20px;padding:5px 15px;font-size:.95em}.conversations-list{opacity:1;gap:20px;max-height:10000px;margin-top:20px;transition:max-height .5s,opacity .3s,margin-top .3s;display:grid;overflow:hidden}.conversations-list.collapsed{opacity:0;max-height:0;margin-top:0;margin-bottom:0}.conversation-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:25px;transition:all .3s;box-shadow:0 4px 15px #00000014}.conversation-card:hover{border-color:#00a8cc;transform:translateY(-3px);box-shadow:0 8px 25px #00a8cc26}.conversation-card.flagged{border-left:4px solid #f59e0b}.conversation-card.has-enquiry{border-left:4px solid #10b981}.conversation-card.has-issue{border-left:4px solid #ef4444}.conversation-badges{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.conversation-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.8em;font-weight:600;display:inline-flex}.badge-enquiry{color:#059669;background:#10b9811a;border:1px solid #10b9814d}.badge-issue{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d}.badge-flag{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b4d}.conversation-header{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.conversation-title-section{flex:1;align-items:center;gap:10px;display:flex}.flag-icon{color:#f59e0b;font-size:1em}.conversation-title-section h4{color:#0a2540;margin:0;font-size:1.2em}.conversation-actions{gap:10px;display:flex}.btn-icon{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:.9em;transition:all .2s}.btn-icon:hover{color:#0a2540;background:#f1f5f9;border-color:#cbd5e1}.btn-icon:active{transform:scale(.95)}.conversation-preview{color:#64748b;margin-bottom:15px;font-size:.95em;line-height:1.6}.conversation-stats{color:#94a3b8;flex-wrap:wrap;gap:20px;font-size:.85em;display:flex}.conversation-stats span{align-items:center;gap:6px;display:flex}.conversation-stats i{color:#00a8cc;font-size:1em}.no-conversations{text-align:center;color:#94a3b8;padding:60px 20px}.no-conversations i{opacity:.3;margin-bottom:20px;font-size:4em}.no-conversations p{margin:0;font-size:1.2em}.conversations-filters{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;gap:20px;margin-bottom:25px;padding:25px;display:flex;box-shadow:0 2px 10px #0000000d}.filter-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-label{color:#64748b;align-items:center;gap:8px;font-size:.95em;font-weight:600;display:flex}.filter-label i{color:#00a8cc}.filter-btn{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9em;font-weight:600;transition:all .2s;display:flex}.filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#00a8cc 0%,#4cb3d5 100%);border-color:#00a8cc;box-shadow:0 4px 12px #00a8cc4d}.filter-btn.filter-enquiry.active{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.filter-btn.filter-issue.active{background:linear-gradient(135deg,#ef4444 0%,#f87171 100%);border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.filter-btn-small{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.85em;font-weight:600;transition:all .2s;display:inline-flex}.filter-btn-small:hover{color:#0a2540;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.filter-btn-small:active{transform:scale(.95)}input[type=date]+.filter-btn-small:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.date-picker{color:#0a2540;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:.95em;transition:all .2s}.date-picker:focus{border-color:#00a8cc;outline:none;box-shadow:0 0 0 3px #00a8cc1a}.date-picker:hover{border-color:#cbd5e1}.filter-results{color:#1e40af;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:15px 20px;font-size:.95em;display:flex}.filter-results i{font-size:1.2em}.conversation-modal .modal-content{flex-direction:column;max-width:800px;max-height:90vh;display:flex;overflow:hidden}.conversation-modal .modal-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;padding:25px 30px;display:flex}.conversation-modal .modal-header h3{color:#0a2540;margin:0;font-size:1.5em}.conversation-modal .modal-body{flex:1;padding:30px;overflow-y:auto}.conversation-details{flex-direction:column;gap:25px;display:flex}.conversation-meta{background:#f8fafc;border-radius:12px;flex-wrap:wrap;gap:30px;padding:20px;display:flex}.meta-item{color:#64748b;align-items:center;gap:10px;font-size:.95em;display:flex}.meta-item i{color:#00a8cc;font-size:1.1em}.conversation-actions-modal{flex-wrap:wrap;gap:15px;display:flex}.title-input{border:2px solid #e2e8f0;border-radius:10px;flex:1;min-width:200px;padding:12px 16px;font-size:1em;transition:all .2s}.title-input:focus{border-color:#00a8cc;outline:none;box-shadow:0 0 0 3px #00a8cc1a}.btn-action{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:.95em;font-weight:600;transition:all .2s;display:flex}.btn-save{color:#fff;background:linear-gradient(135deg,#00a8cc 0%,#4cb3d5 100%)}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00a8cc4d}.btn-flag{color:#64748b;background:#f1f5f9;border:2px solid #e2e8f0}.btn-flag:hover{background:#e2e8f0}.btn-flag.flagged{color:#f59e0b;background:#fef3c7;border-color:#fbbf24}.conversation-analysis{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:12px;padding:20px}.analysis-section h4{color:#0a2540;align-items:center;gap:10px;margin:0 0 15px;font-size:1.1em;display:flex}.analysis-section h4 i{color:#00a8cc}.analysis-item{border-radius:10px;margin-bottom:12px;padding:15px}.analysis-enquiry{background:#10b9810d;border-left:4px solid #10b981}.analysis-issue{background:#ef44440d;border-left:4px solid #ef4444}.analysis-header{align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.analysis-enquiry .analysis-header{color:#059669}.analysis-issue .analysis-header{color:#dc2626}.analysis-item p{color:#64748b;margin:0;line-height:1.6}.conversation-messages{background:#f8fafc;border-radius:12px;flex-direction:column;gap:15px;max-height:400px;padding:20px;display:flex;overflow-y:auto}.message-bubble{word-wrap:break-word;border-radius:12px;max-width:80%;padding:15px 20px}.message-bubble.user{color:#fff;background:linear-gradient(135deg,#00a8cc 0%,#4cb3d5 100%);align-self:flex-end;margin-left:auto}.message-bubble.assistant{color:#0a2540;background:#fff;border:1px solid #e2e8f0;align-self:flex-start}.message-role{opacity:.8;margin-bottom:5px;font-size:.85em;font-weight:700}.message-text{font-size:.95em;line-height:1.6}.message-timestamp{opacity:.6;margin-top:8px;font-size:.75em}@media (max-width:768px){.conversations-summary{grid-template-columns:1fr}.conversations-filters{flex-direction:column;align-items:stretch}.filter-group{flex-direction:column;align-items:stretch;width:100%}.filter-btn,.date-picker{justify-content:center;width:100%}.date-header{padding:12px 15px}.date-header-content{gap:10px}.date-header h3{font-size:1.2em}.conversation-count{font-size:.85em}.conversation-header{flex-direction:column;gap:15px}.conversation-actions{justify-content:flex-end;width:100%}.conversation-actions-modal{flex-direction:column}.title-input{width:100%}.message-bubble{max-width:90%}.conversation-modal .modal-content{max-width:95%;margin:20px auto}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{color:#333;opacity:0;pointer-events:auto;background:#fff;border-left:4px solid #00a8cc;border-radius:8px;min-width:250px;max-width:400px;padding:16px 24px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(400px);box-shadow:0 4px 12px #00000026}.toast.show{opacity:1;transform:translate(0)}.toast-success{background:linear-gradient(135deg,#00ff881a 0%,#fff 50%);border-left-color:#0f8}.toast-error{background:linear-gradient(135deg,#ff44441a 0%,#fff 50%);border-left-color:#f44}.toast-warning{background:linear-gradient(135deg,#ffaa001a 0%,#fff 50%);border-left-color:#fa0}.toast-info{background:linear-gradient(135deg,#00a8cc1a 0%,#fff 50%);border-left-color:#00a8cc}.confirm-overlay{z-index:10001;opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.confirm-overlay.show{opacity:1}.confirm-dialog{background:#fff;border-radius:12px;width:90%;max-width:450px;padding:30px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:scale(.9);box-shadow:0 10px 40px #0000004d}.confirm-overlay.show .confirm-dialog{transform:scale(1)}.confirm-message{color:#333;margin-bottom:25px;font-size:16px;line-height:1.5}.confirm-buttons{justify-content:flex-end;gap:12px;display:flex}.confirm-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.confirm-yes{color:#fff;background:linear-gradient(135deg,#00a8cc 0%,#00d4ff 100%)}.confirm-yes:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00a8cc66}.confirm-no{color:#666;background:#f0f0f0}.confirm-no:hover{background:#e0e0e0}@media (max-width:768px){.toast-container{top:10px;left:10px;right:10px}.toast{min-width:auto;max-width:100%}.confirm-dialog{max-width:90%;padding:20px}.confirm-message{font-size:14px}.confirm-buttons{flex-direction:column-reverse}.confirm-btn{width:100%}}.dashboard-header-modern{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #fffc;border-radius:20px;margin-bottom:40px;padding:40px;box-shadow:0 4px 20px #00000014}.header-content-modern{justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;display:flex}.header-title-section{align-items:center;gap:20px;display:flex}.header-icon-wrapper{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex;box-shadow:0 8px 20px #667eea4d}.dashboard-title-modern{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:700}.dashboard-subtitle-modern{color:#6c757d;margin:5px 0 0;font-size:14px}.header-actions-modern{flex-wrap:wrap;gap:12px;display:flex}.btn-modern{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.btn-refresh-modern{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-refresh-modern:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-refresh-modern:disabled{opacity:.6;cursor:not-allowed}.btn-secondary-modern{color:#667eea;background:#fff;border:2px solid #667eea}.btn-secondary-modern:hover{color:#fff;background:#667eea;transform:translateY(-2px)}.btn-logout-modern{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ff5252 100%)}.btn-logout-modern:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.admin-client-selector-modern{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:1px solid #e9ecef;border-radius:12px;margin-bottom:20px;padding:20px}.client-selector-wrapper{align-items:center;gap:15px;display:flex}.client-select-label-modern{color:#495057;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.client-select-modern{cursor:pointer;background:#fff;border:2px solid #dee2e6;border-radius:10px;flex:1;max-width:400px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s}.client-select-modern:hover{border-color:#667eea}.client-select-modern:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.last-updated-banner{color:#495057;background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);border:1px solid #667eea33;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;display:flex}.last-updated-banner i{color:#667eea}.stats-grid-modern{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px;display:grid}.stat-card-modern{background:#fff;border:1px solid #0000000d;border-radius:16px;padding:28px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.stat-card-modern:before{content:"";opacity:0;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-card-modern:hover:before{opacity:1}.stat-card-inner{align-items:center;gap:20px;display:flex}.stat-icon-modern{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;display:flex}.stat-card-primary .stat-icon-modern{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 16px #667eea4d}.stat-card-success .stat-icon-modern{color:#fff;background:linear-gradient(135deg,#00d2ff 0%,#3a7bd5 100%);box-shadow:0 4px 16px #00d2ff4d}.stat-card-info .stat-icon-modern{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);box-shadow:0 4px 16px #f093fb4d}.stat-card-warning .stat-icon-modern{color:#fff;background:linear-gradient(135deg,#ffa751 0%,#ffe259 100%);box-shadow:0 4px 16px #ffa7514d}.stat-details{flex:1}.stat-value-modern{color:#212529;margin-bottom:4px;font-size:36px;font-weight:700;line-height:1.2}.stat-label-modern{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600}.stat-trend{color:#adb5bd;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.stat-trend i{font-size:10px}.conversations-section-modern{background:#fff;border:1px solid #0000000d;border-radius:20px;padding:40px;box-shadow:0 4px 20px #00000014}.section-header-modern{border-bottom:2px solid #f1f3f5;margin-bottom:32px;padding-bottom:24px}.section-title-wrapper{flex-direction:column;gap:8px;display:flex}.section-title-modern{color:#212529;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:700;display:flex}.section-title-modern i{color:#667eea;font-size:26px}.section-subtitle-modern{color:#6c757d;margin:0;font-size:14px}.conversations-summary-modern{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.summary-card-modern{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:2px solid #0000;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex}.summary-card-modern:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.summary-card-default{border-color:#dee2e6}.summary-card-enquiry{background:linear-gradient(135deg,#00d2ff0d 0%,#fff 100%);border-color:#00d2ff}.summary-card-issue{background:linear-gradient(135deg,#ff6b6b0d 0%,#fff 100%);border-color:#ff6b6b}.summary-card-flagged{background:linear-gradient(135deg,#ffa7510d 0%,#fff 100%);border-color:#ffa751}.summary-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.summary-card-default .summary-icon-wrapper{color:#fff;background:linear-gradient(135deg,#6c757d 0%,#495057 100%)}.summary-card-enquiry .summary-icon-wrapper{color:#fff;background:linear-gradient(135deg,#00d2ff 0%,#3a7bd5 100%)}.summary-card-issue .summary-icon-wrapper{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ff5252 100%)}.summary-card-flagged .summary-icon-wrapper{color:#fff;background:linear-gradient(135deg,#ffa751 0%,#ffe259 100%)}.summary-content{flex-direction:column;gap:4px;display:flex}.summary-value-modern{color:#212529;font-size:28px;font-weight:700}.summary-label-modern{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.conversations-filters-modern{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;margin-bottom:32px;padding:24px}.filters-row{flex-direction:column;gap:20px;display:flex}.filter-group-modern{flex-direction:column;gap:10px;display:flex}.filter-label-modern{color:#495057;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.filter-label-modern i{color:#667eea}.filter-buttons-group{flex-wrap:wrap;gap:10px;display:flex}.filter-btn-modern{color:#495057;cursor:pointer;background:#fff;border:2px solid #dee2e6;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.filter-btn-modern:hover{color:#667eea;border-color:#667eea;transform:translateY(-1px)}.filter-btn-modern.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.filter-btn-enquiry.active{background:linear-gradient(135deg,#00d2ff 0%,#3a7bd5 100%);border-color:#00d2ff}.filter-btn-issue.active{background:linear-gradient(135deg,#ff6b6b 0%,#ff5252 100%);border-color:#ff6b6b}.filter-btn-flagged.active{background:linear-gradient(135deg,#ffa751 0%,#ffe259 100%);border-color:#ffa751}.filter-btn-small{padding:8px 16px;font-size:12px}.date-filter-wrapper{align-items:center;gap:8px;display:flex}.date-picker-modern{cursor:pointer;background:#fff;border:2px solid #dee2e6;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.date-picker-modern:hover{border-color:#667eea}.date-picker-modern:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn-clear-filter{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-clear-filter:hover{background:#ff5252;transform:scale(1.05)}.filter-results-modern{background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);border-left:4px solid #667eea;border-radius:12px;margin-bottom:24px;padding:16px 24px}.filter-results-content{color:#495057;align-items:center;gap:10px;font-size:14px;display:flex}.filter-results-content i{color:#667eea;font-size:16px}.filter-results-content strong{color:#667eea;font-weight:700}.conversations-by-date-modern{flex-direction:column;gap:24px;display:flex}.no-conversations-modern{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:2px dashed #dee2e6;border-radius:16px;padding:80px 20px}.empty-state-icon{color:#adb5bd;background:linear-gradient(135deg,#e9ecef 0%,#f8f9fa 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 20px;font-size:48px;display:flex}.no-conversations-modern h3{color:#495057;margin:0 0 12px;font-size:24px;font-weight:700}.no-conversations-modern p{color:#6c757d;margin:0;font-size:14px}.date-group-modern{background:#fff;border:1px solid #e9ecef;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.date-header-modern{cursor:pointer;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-bottom:2px solid #f1f3f5;justify-content:space-between;align-items:center;padding:20px 24px;transition:all .2s;display:flex}.date-header-modern:hover{background:linear-gradient(135deg,#e9ecef 0%,#f8f9fa 100%)}.date-header-left{align-items:center;gap:16px;display:flex}.collapse-icon-modern{color:#667eea;font-size:16px;transition:transform .2s}.date-info{flex-direction:column;gap:4px;display:flex}.date-title-modern{color:#212529;margin:0;font-size:18px;font-weight:700}.date-year-modern{color:#6c757d;font-size:12px;font-weight:500}.conversation-count-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #667eea4d}.conversations-list-modern{flex-direction:column;gap:0;padding:8px;display:flex}.conversation-card-modern{background:#fff;border:2px solid #f1f3f5;border-radius:12px;margin:8px;padding:20px;transition:all .3s;position:relative}.conversation-card-modern:before{content:"";background:0 0;border-radius:12px 0 0 12px;width:4px;transition:all .3s;position:absolute;top:0;bottom:0;left:0}.conversation-card-modern:hover{border-color:#667eea;transform:translate(4px);box-shadow:0 4px 16px #0000001a}.conversation-card-modern.is-flagged:before{background:linear-gradient(#ffa751 0%,#ffe259 100%)}.conversation-card-modern.has-enquiry:before{background:linear-gradient(#00d2ff 0%,#3a7bd5 100%)}.conversation-card-modern.has-issue:before{background:linear-gradient(#ff6b6b 0%,#ff5252 100%)}.conversation-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.conversation-title-wrapper{flex:1}.conversation-title-modern{color:#212529;margin:0 0 12px;font-size:18px;font-weight:700}.conversation-badges-modern{flex-wrap:wrap;gap:8px;display:flex}.badge-modern{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.badge-enquiry-modern{color:#07c;background:linear-gradient(135deg,#00d2ff26 0%,#3a7bd526 100%);border:1px solid #00d2ff4d}.badge-issue-modern{color:#c00;background:linear-gradient(135deg,#ff6b6b26 0%,#ff525226 100%);border:1px solid #ff6b6b4d}.badge-flag-modern{color:#c70;background:linear-gradient(135deg,#ffa75126 0%,#ffe25926 100%);border:1px solid #ffa7514d}.conversation-actions-modern{gap:8px;display:flex}.btn-icon-modern{cursor:pointer;color:#6c757d;background:#fff;border:2px solid #dee2e6;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;transition:all .2s;display:flex}.btn-icon-modern:hover{color:#667eea;border-color:#667eea;transform:scale(1.05)}.btn-icon-modern.btn-icon-active{color:#fff;background:linear-gradient(135deg,#ffa751 0%,#ffe259 100%);border-color:#ffa751}.btn-icon-modern.btn-icon-danger:hover{color:#ff6b6b;border-color:#ff6b6b}.conversation-preview-modern{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-bottom:16px;padding:16px}.conversation-preview-modern p{color:#495057;margin:0;font-size:14px;line-height:1.6}.conversation-footer-modern{justify-content:space-between;align-items:center;display:flex}.conversation-meta-modern{flex-wrap:wrap;gap:16px;display:flex}.meta-item-modern{color:#6c757d;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.meta-item-modern i{color:#adb5bd;font-size:11px}@media (max-width:1200px){.stats-grid-modern,.conversations-summary-modern{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-header-modern{padding:24px}.header-content-modern{flex-direction:column;align-items:flex-start;gap:20px}.header-title-section{flex-direction:column;gap:12px}.header-icon-wrapper{width:50px;height:50px;font-size:24px}.dashboard-title-modern{font-size:24px}.header-actions-modern{flex-direction:column;width:100%}.btn-modern{justify-content:center;width:100%}.stats-grid-modern{grid-template-columns:1fr;gap:16px}.conversations-summary-modern{grid-template-columns:1fr}.conversations-section-modern{padding:24px 16px}.section-title-modern{font-size:22px}.conversations-filters-modern{padding:16px}.filter-buttons-group{width:100%}.filter-btn-modern{flex:1;justify-content:center;min-width:0}.date-filter-wrapper{width:100%}.date-picker-modern{flex:1}.conversation-card-modern{margin:4px;padding:16px}.conversation-card-header{flex-direction:column;gap:12px}.conversation-actions-modern{justify-content:flex-end;width:100%}.stat-value-modern{font-size:28px}.stat-icon-modern{width:60px;height:60px;font-size:28px}.about-intro{padding:50px 20px}.intro-content{padding:0 10px}.intro-content h1{font-size:2.2em}.intro-content p{font-size:1em}.mission-content{padding:0 20px}.mission-item{padding:24px 20px}.cta{padding:60px 20px}.cta h2{font-size:1.9em}.cta p{font-size:1em}.cta .btn{width:100%;max-width:280px}}@media (max-width:480px){.about-intro{padding:36px 16px}.intro-content h1{font-size:1.7em}.cta{padding:44px 16px}.cta h2{font-size:1.5em}}.footer-logo{width:auto;height:60px}.faq-question{min-height:44px}@media (max-width:768px){#main-contact-form button[type=submit]{align-self:stretch;width:100%}}.modal.active{display:flex!important}