@import url(https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&family=Pacifico&display=swap);.stories-section{background:var(--color-light);border-bottom:1px solid #eee;margin-top:80px;padding:15px 0;position:relative;z-index:1}.stories-container{-ms-overflow-style:none;display:flex;gap:15px;margin:0;max-width:1200px;overflow-x:auto;padding:0 20px;scrollbar-width:none}.stories-container::-webkit-scrollbar{display:none}.story-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:8px;transition:transform .2s ease}.story-item:hover{transform:scale(1.05)}.story-item:hover .story-thumbnail{animation:pulse 1s infinite}.story-thumbnail{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-radius:50%;box-shadow:0 2px 10px #0000001a;height:70px;overflow:hidden;overflow:visible!important;padding:3px;position:relative;transition:transform .3s ease;width:70px}.story-thumbnail:hover{transform:scale(1.1)}.story-thumbnail img{border-radius:50%;height:100%;object-fit:cover;width:100%}.story-play-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:50%;bottom:-5px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:12px;height:28px;justify-content:center;overflow:visible!important;position:absolute;right:-5px;transition:all .3s ease;width:28px;z-index:10}.story-play-icon:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.story-title{color:var(--color-dark);font-size:12px;font-weight:500;max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-modal{align-items:center;animation:fadeIn .3s ease;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.story-content{animation:scaleIn .3s ease;background:#000;border-radius:15px;max-height:80vh;max-width:400px;overflow:hidden;position:relative;width:90vw}.story-progress-container{display:flex;gap:2px;left:0;padding:10px 15px 0;position:absolute;right:0;top:0;z-index:10}.story-progress-bar{background:#ffffff4d;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.story-progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .1s linear}.story-image-container{align-items:center;display:flex;justify-content:center;min-height:500px;position:relative;width:100%}.story-image-container img,.story-image-container video,.story-video{height:auto;max-height:70vh;object-fit:cover;width:100%}.story-image-container video,.story-video,.story-youtube{border-radius:12px}.story-youtube{max-height:70vh;min-height:50vh;width:100%}.story-nav-left,.story-nav-right{bottom:0;cursor:pointer;position:absolute;top:0;width:30%;z-index:5}.story-nav-left{left:0}.story-nav-right{right:0}.story-play-pause{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:60px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:60px;z-index:10}.story-content:hover .story-play-pause{opacity:1}.story-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:background .2s ease;width:35px;z-index:15}.story-close:hover{background:#000000b3}.story-modal-title{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;left:0;padding:30px 15px 15px;position:absolute;right:0;z-index:10}.story-modal-title h3{font-size:18px;font-weight:600;margin:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:1200px){.stories-container{padding:0 15px}}@media (max-width:768px){.stories-section{margin-top:30px;padding:10px 0}.stories-container{gap:12px;padding:0 10px}.story-thumbnail{height:60px;width:60px}.story-play-icon{border:2px solid #fff;bottom:-4px;font-size:10px;height:24px;right:-4px;width:24px}.story-title{font-size:11px;max-width:70px}.story-content{max-height:90vh;max-width:95vw}.story-image-container{min-height:60vh}.story-modal-title h3{font-size:16px}.home{min-height:85vh;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,1.5rem)}}@media (max-width:480px){.stories-container{gap:10px;margin-bottom:-80px;margin-top:20px;padding:0 8px}.story-thumbnail{height:55px;width:55px}.story-play-icon{border:2px solid #fff;bottom:-3px;font-size:8px;height:20px;right:-3px;width:20px}.story-title{font-size:10px;max-width:60px}.home{min-height:80vh;padding:clamp(1rem,3vw,2rem) clamp(.5rem,2vw,1rem)}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-bg:#fff;--secondary-bg:#e8f2f7;--accent-bg:#d4e8f2;--primary-blue:#1e5a8e;--primary-green:#4a90c8;--accent-color:var(--primary-blue);--text-primary:#0d2238;--text-secondary:#4a7a9e;--text-muted:#7cb3d9;--text-light:#fff;--border-color:#c5dce8;--shadow-sm:0 1px 2px 0 #1e5a8e0d;--shadow-md:0 4px 6px -1px #1e5a8e1a;--shadow-lg:0 10px 15px -3px #1e5a8e1a;--shadow-xl:0 20px 25px -5px #1e5a8e1a;--font-main:"Heebo",sans-serif;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--primary-bg);color:#0d2238;color:var(--text-primary);direction:rtl;font-family:Heebo,sans-serif;font-family:var(--font-main);line-height:1.6;overflow-x:hidden;text-align:right}.app{background:linear-gradient(135deg,#fff,#e8f2f7);background:linear-gradient(135deg,var(--primary-bg) 0,var(--secondary-bg) 100%);min-height:100vh}main{padding-top:0}main section{display:block;min-height:100vh;padding:4rem 0;padding:var(--spacing-3xl) 0;position:relative}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #c5dce8;border-bottom:1px solid var(--border-color);left:0;padding:1.5rem 0;padding:var(--spacing-lg) 0;position:fixed;right:0;top:0;transition:all .3s ease-in-out;transition:all var(--transition-normal);z-index:1000}.navbar.scrolled{background:#fffffffa;box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg)}.navbar .container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;padding:0 var(--spacing-xl)}.logo,.navbar .container{align-items:center;display:flex}.logo{color:#0d2238;color:var(--text-primary);font-size:1.5rem;font-weight:700;gap:1rem;gap:var(--spacing-md);text-decoration:none;transition:.3s ease-in-out;transition:var(--transition-normal)}.logo:hover{opacity:.85}.navbar-logo{border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #1e5a8e1a;box-shadow:var(--shadow-md);height:50px;transition:.3s ease-in-out;transition:var(--transition-normal);width:50px}.navbar-logo:hover{box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);filter:brightness(1.05)}.navbar ul{align-items:center;display:flex;gap:2rem;gap:var(--spacing-xl);list-style:none}.navbar li button{background:none;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#4a7a9e;color:var(--text-secondary);cursor:pointer;font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:1rem;font-weight:500;overflow:hidden;padding:.75rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.navbar li button:hover{background:#3b82f60d;color:#1e5a8e;color:var(--accent-color);transform:translateY(-1px)}.navbar li button.cta-nav{background:#1e5a8e;background:var(--accent-color);box-shadow:0 4px 6px -1px #1e5a8e1a;box-shadow:var(--shadow-md);color:#fff;font-weight:600}.navbar li button.cta-nav:hover{background:#4a90c8;box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #1e5a8e1a;box-shadow:var(--shadow-md);cursor:pointer;display:inline-flex;font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:1rem;font-weight:600;gap:.75rem;gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.btn-primary{background:#1e5a8e;background:var(--accent-color);color:#fff}.btn-primary:hover{background:#4a90c8;box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #1e5a8e;border:2px solid var(--accent-color);color:#1e5a8e;color:var(--accent-color)}.btn-secondary:hover{background:#1e5a8e;background:var(--accent-color);color:#fff;transform:translateY(-2px)}.btn-ghost{background:#0000;border:1px solid #c5dce8;border:1px solid var(--border-color);box-shadow:none;color:#4a7a9e;color:var(--text-secondary)}.btn-ghost:hover{background:#e8f2f7;background:var(--secondary-bg);border-color:#1e5a8e;border-color:var(--accent-color);color:#1e5a8e;color:var(--accent-color)}.card{background:#fff;background:var(--primary-bg);border:1px solid #c5dce8;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #1e5a8e1a;box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.card:hover{border-color:#7cb3d94d;box-shadow:0 20px 25px -5px #1e5a8e1a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-header{border-bottom:1px solid #c5dce8;border-bottom:1px solid var(--border-color)}.card-body,.card-footer,.card-header{padding:2rem;padding:var(--spacing-xl)}.card-footer{background:#e8f2f7;background:var(--secondary-bg);border-top:1px solid #c5dce8;border-top:1px solid var(--border-color)}h1,h2,h3,h4,h5,h6{color:#0d2238;color:var(--text-primary);font-family:Heebo,sans-serif;font-family:var(--font-main);font-weight:700;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.75rem)}p{color:#4a7a9e;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.container{margin:0 auto;max-width:1200px;padding:0 2rem;padding:0 var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.75rem;margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:.75rem;margin-top:var(--spacing-sm)}.mt-2{margin-top:1rem;margin-top:var(--spacing-md)}.mt-3{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-4{margin-top:2rem;margin-top:var(--spacing-xl)}.py-1{padding:.75rem 0;padding:var(--spacing-sm) 0}.py-2{padding:1rem 0;padding:var(--spacing-md) 0}.py-3{padding:1.5rem 0;padding:var(--spacing-lg) 0}.py-4{padding:2rem 0;padding:var(--spacing-xl) 0}.px-1{padding:0 .75rem;padding:0 var(--spacing-sm)}.px-2{padding:0 1rem;padding:0 var(--spacing-md)}.px-3{padding:0 1.5rem;padding:0 var(--spacing-lg)}.px-4{padding:0 2rem;padding:0 var(--spacing-xl)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in-left{animation:slideInLeft .8s ease-out}.animate-slide-in-right{animation:slideInRight .8s ease-out}.home{align-items:center;background:linear-gradient(135deg,#fff,#e8f2f7 50%,#d4e8f2);background:linear-gradient(135deg,var(--primary-bg) 0,var(--secondary-bg) 50%,var(--accent-bg) 100%);display:flex;flex-direction:column;justify-content:center;margin-top:0;min-height:auto;overflow:hidden;padding:clamp(1.5rem,3vw,2.5rem) clamp(1rem,4vw,2rem);position:relative;text-align:center}.home:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(30,90,142,0.03)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(124,179,217,0.03)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(74,144,200,0.02)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.home .container{margin:0 auto;max-width:1200px;position:relative;text-align:center;z-index:2}.home .container,.home .logo{display:flex;flex-direction:column}.home .logo{align-items:center;animation:fadeIn 1.2s ease-out;gap:clamp(.5rem,2vw,1rem);margin-bottom:clamp(1rem,3vw,1.5rem)}.home .logo img{animation:logoPulse 2s infinite;border:4px solid #fff;border-radius:24px;box-shadow:0 8px 32px #7cb3d966;filter:drop-shadow(0 4px 12px rgba(30,90,142,.3));height:100px;width:100px}.home .logo-text{color:#1e5a8e;color:var(--accent-color);font-size:2rem;letter-spacing:1px;text-shadow:0 2px 4px #1e5a8e4d}.home .logo-text,.home h1{font-family:Heebo,sans-serif;font-family:var(--font-main);font-weight:800}.home h1{animation:fadeInUp 1s ease-out .3s both;color:#0d2238;color:var(--text-primary);font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.1;margin-bottom:clamp(.5rem,2vw,1rem);text-shadow:0 2px 4px #0000001a}.home p{animation:fadeInUp 1s ease-out .5s both;color:#4a7a9e;color:var(--text-secondary);font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:1.1rem;font-weight:400;line-height:1.5;margin:0 auto clamp(.5rem,2vw,1rem);max-width:700px;text-align:center}.home .home-welcome{color:#1e5a8e;color:var(--primary-blue);font-size:1.3rem;font-weight:600;margin-bottom:clamp(.5rem,2vw,1rem);text-align:center}.home .home-description{font-size:1.05rem;max-width:600px;text-align:center}.hero-stats,.home .home-description{margin-bottom:clamp(1rem,3vw,1.5rem)}.hero-stats{animation:fadeInUp 1s ease-out .7s both;display:flex;gap:clamp(.8rem,2vw,1.5rem);justify-content:center}.hero-stats .stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hero-stats .stat:before{background:linear-gradient(90deg,#1e5a8e,#4a90c8 50%,#7cb3d9);background:linear-gradient(90deg,var(--accent-color) 0,#4a90c8 50%,#7cb3d9 100%);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.hero-stats .stat:hover:before{opacity:1}.hero-stats .stat:hover{border-color:#7cb3d966;box-shadow:0 20px 40px #1e5a8e33;transform:translateY(-8px) scale(1.01)}.hero-stats .stat h3{color:#1e5a8e;color:var(--accent-color);font-size:2rem;font-weight:800;margin-bottom:.3rem;text-shadow:0 1px 2px #1e5a8e4d}.hero-stats .stat h3,.hero-stats .stat p{font-family:Heebo,sans-serif;font-family:var(--font-main)}.hero-stats .stat p{color:#4a7a9e;color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin:0}.home .cta-btn{animation:fadeInUp 1s ease-out .9s both;margin-top:2rem}.about{background:#e8f2f7;background:var(--secondary-bg);padding:4rem 0;padding:var(--spacing-3xl) 0}.about .container{max-width:1000px}.about-header{margin-bottom:4rem;margin-bottom:var(--spacing-3xl)}.about-logo{border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);height:80px;width:80px}.about h2,.about-logo{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.about h2{font-size:clamp(2.5rem,4vw,3.5rem)}.about>p{color:#4a7a9e;color:var(--text-secondary);font-size:1.2rem;margin:0 auto 4rem;margin:0 auto var(--spacing-3xl);max-width:700px;text-align:center}.about-features{grid-gap:3rem;grid-gap:var(--spacing-2xl);gap:3rem;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem;margin-bottom:var(--spacing-3xl)}.about .feature{background:#fff;border:1px solid #c5dce8;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);padding:3rem;padding:var(--spacing-2xl);text-align:center;transition:.3s ease-in-out;transition:var(--transition-normal)}.about .feature:hover{border-color:#7cb3d94d;box-shadow:0 20px 25px -5px #1e5a8e1a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.about .feature h3{align-items:center;color:#0d2238;color:var(--text-primary);display:flex;font-size:1.5rem;gap:.75rem;gap:var(--spacing-sm);justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.about .feature p{color:#4a7a9e;color:var(--text-secondary);font-size:1rem;margin:0}.about-intro{margin:0 auto 4rem;margin:0 auto var(--spacing-3xl);max-width:800px;text-align:center}.about-intro p{color:#4a7a9e;color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.about-welcome{color:#1e5a8e!important;color:var(--primary-blue)!important;font-size:1.3rem!important;font-weight:600;margin-bottom:2rem!important;margin-bottom:var(--spacing-xl)!important}.about-text{margin:0 auto 3rem;margin:0 auto var(--spacing-2xl);max-width:800px;text-align:center}.about-text p{color:#4a7a9e;color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.about-highlight{background:linear-gradient(135deg,#1e5a8e14,#4a90c814);border-radius:1rem;border-radius:var(--radius-xl);border-right:4px solid #1e5a8e;border-right:4px solid var(--primary-blue);color:#1e5a8e!important;color:var(--primary-blue)!important;font-size:1.2rem!important;font-weight:600;margin-top:2rem!important;margin-top:var(--spacing-xl)!important;padding:2rem;padding:var(--spacing-xl)}.projects{background:#fff;background:var(--primary-bg);padding:4rem 0;padding:var(--spacing-3xl) 0}.projects-header{margin-bottom:4rem;margin-bottom:var(--spacing-3xl)}.projects-logo{border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);height:80px;width:80px}.projects h2,.projects-logo{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.projects h2{color:#0d2238;color:var(--text-primary);font-size:clamp(2.5rem,4vw,3.5rem)}.projects-header p{font-size:1.2rem;margin:0 auto 3rem;margin:0 auto var(--spacing-2xl);max-width:600px}.cta-btn{animation:ctaPop 1.2s cubic-bezier(.77,0,.18,1);background:linear-gradient(135deg,#7cb3d9,#4a90c8);border:none;border-radius:32px;box-shadow:0 4px 16px #7cb3d966;color:#0d2238;cursor:pointer;font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:1.2rem;font-weight:700;padding:1rem 2.8rem;transition:all .3s ease}.cta-btn:hover{background:linear-gradient(135deg,#4a90c8,#7cb3d9);box-shadow:0 6px 24px #7cb3d980;transform:translateY(-2px)}.reviews-section{background:#e8f2f7;background:var(--secondary-bg);padding:4rem 0;padding:var(--spacing-3xl) 0}.reviews-header{margin-bottom:var(--spacing-3xl)}.reviews-logo{border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg)}.reviews h2,.reviews-logo{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.reviews h2{color:#0d2238;color:var(--text-primary);font-size:clamp(2.5rem,4vw,3.5rem)}.reviews-header p{color:var(--text-secondary);margin:0 auto 3rem;margin:0 auto var(--spacing-2xl)}.reviews-grid{grid-gap:3rem;grid-gap:var(--spacing-2xl);display:grid;gap:3rem;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4rem;margin-bottom:var(--spacing-3xl)}.review-card{border:1px solid #c5dce8;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);padding:3rem;padding:var(--spacing-2xl);transition:.3s ease-in-out;transition:var(--transition-normal)}.review-card:hover{border-color:#3b82f633;box-shadow:0 20px 25px -5px #1e5a8e1a;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.client-photo{margin-bottom:var(--spacing-lg)}.client-photo img{border:4px solid #e8f2f7;border:4px solid var(--secondary-bg);box-shadow:0 4px 6px -1px #1e5a8e1a;box-shadow:var(--shadow-md)}.rating{margin-bottom:var(--spacing-lg)}.star{color:#e2e8f0}.feedback{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-md);text-align:center}.feedback:after,.feedback:before{color:#c5dce8;color:var(--border-color)}.feedback:before{right:0}.feedback:after{left:0}.client-info{border-top:1px solid var(--border-color);padding-top:1.5rem;padding-top:var(--spacing-lg);text-align:center}.client-name{color:var(--text-primary);margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.project-type{color:var(--text-secondary)}.reviews-cta{background:#fff;border:1px solid #c5dce8;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);padding:4rem;padding:var(--spacing-3xl)}.reviews-cta p{color:var(--text-primary);margin-bottom:var(--spacing-xl)}.reviews-cta .cta-button{margin-top:1.5rem;margin-top:var(--spacing-lg)}.contact{background:#fff;background:var(--primary-bg);padding:4rem 0;padding:var(--spacing-3xl) 0}.contact-header{margin-bottom:4rem;margin-bottom:var(--spacing-3xl)}.contact-logo{border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);height:80px;width:80px}.contact h2,.contact-logo{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.contact h2{font-size:clamp(2.5rem,4vw,3.5rem)}.contact>p{color:#4a7a9e;color:var(--text-secondary);font-size:1.2rem;max-width:600px;text-align:center}.contact form,.contact>p{margin:0 auto 4rem;margin:0 auto var(--spacing-3xl)}.contact form{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);max-width:500px}.contact input,.contact textarea{border:2px solid #c5dce8;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-lg);transition:.3s ease-in-out;transition:var(--transition-normal);width:100%}.contact input:focus,.contact textarea:focus{box-shadow:0 0 0 3px #7cb3d926}.contact textarea{min-height:120px;resize:vertical}.contact-info{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:4rem;margin-bottom:var(--spacing-3xl)}.info-item{background:#fff;border:1px solid #c5dce8;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #1e5a8e1a;box-shadow:var(--shadow-md);padding:2rem;padding:var(--spacing-xl);text-align:center;transition:.3s ease-in-out;transition:var(--transition-normal)}.info-item:hover{border-color:#7cb3d94d;box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.info-item h3{align-items:center;color:#1e5a8e;color:var(--accent-color);display:flex;gap:.75rem;gap:var(--spacing-sm);justify-content:center;margin-bottom:.75rem;margin-bottom:var(--spacing-sm)}.info-item p{color:#4a7a9e;color:var(--text-secondary);margin:0}.contact-cta{border-radius:1.5rem;border-radius:var(--radius-2xl);padding:4rem;padding:var(--spacing-3xl)}.contact-cta h3{margin-bottom:var(--spacing-md)}.contact-cta p{margin-bottom:var(--spacing-xl)}.social-links{gap:1.5rem;gap:var(--spacing-lg)}.social-link{background:#fff;border:1px solid #c5dce8;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #1e5a8e0d;box-shadow:var(--shadow-sm);display:inline-flex;gap:.75rem;gap:var(--spacing-sm);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:.3s ease-in-out;transition:var(--transition-normal)}.social-link:hover{box-shadow:0 4px 6px -1px #1e5a8e1a;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:768px){.navbar{padding:.75rem 0;padding:var(--spacing-sm) 0}.navbar,.navbar .logo,.navbar .navbar-logo{transition:all .3s ease}.navbar .navbar-logo{height:36px;width:36px}.navbar .logo-text{font-size:1.1rem;transition:all .3s ease}.navbar.scrolled{padding:6px 0}.navbar.scrolled .logo{opacity:0;pointer-events:none;position:absolute;width:0}.navbar.scrolled ul{justify-content:center;width:100%}.navbar .container{padding:0 1rem;padding:0 var(--spacing-md)}.navbar ul{gap:.5rem;gap:var(--spacing-xs)}.navbar li button{font-size:.95rem;font-weight:600;padding:6px 10px}.navbar li button.cta-nav{font-size:.9rem;padding:6px 12px}main section{padding:3rem 0;padding:var(--spacing-2xl) 0}.container{padding:0 1.5rem;padding:0 var(--spacing-lg)}.home{min-height:80vh;padding:3rem 1rem}.home h1{font-size:clamp(2.5rem,8vw,4rem)}.home .logo img{height:clamp(100px,25vw,140px);width:clamp(100px,25vw,140px)}.home .logo-text{font-size:clamp(2rem,6vw,2.8rem)}.hero-stats{flex-wrap:wrap;gap:1.5rem;justify-content:center}.hero-stats .stat{flex:0 1 200px;min-width:180px}.about-features,.reviews-grid{gap:2rem;gap:var(--spacing-xl);grid-template-columns:1fr}.contact-info{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr}.social-links{align-items:center;flex-direction:row}}@media (max-width:480px){.home h1{font-size:clamp(2rem,10vw,3rem)}.home .logo-text{font-size:1.8rem}.home .logo img{height:100px;width:100px}.home p{font-size:1rem}.hero-stats{flex-direction:column;gap:1rem}.hero-stats .stat{flex:1 1 100%;padding:1.5rem}.home{min-height:70vh;padding:2rem 1rem}}.contact{padding:4rem 2rem;text-align:center}@media (max-width:768px){.home{padding:2rem 1rem}.home p{font-size:clamp(1rem,4vw,1.2rem)}.home .home-welcome{font-size:1.2rem}.home .home-description{font-size:1rem}}.about{background:linear-gradient(135deg,#e8f2f7,#fff);background:linear-gradient(135deg,var(--secondary-bg) 0,var(--primary-bg) 100%);border:none;border-radius:0;border-top:1px solid #c5dce8;border-top:1px solid var(--border-color);box-shadow:none;margin:0;max-width:100%;padding:clamp(2rem,4vw,3rem) clamp(1rem,4vw,2rem);text-align:center}.about-header{margin-bottom:1.5rem;text-align:center}.about-logo{animation:logoPulse 2s infinite;filter:drop-shadow(0 4px 12px rgba(30,90,142,.3));height:70px;margin-bottom:.8rem;width:70px}.about h2{color:#0d2238;color:var(--text-primary);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:.8rem;text-shadow:0 2px 4px #0000001a}.about h2,.about p{font-family:Heebo,sans-serif;font-family:var(--font-main)}.about p{color:#4a7a9e;color:var(--text-secondary);font-size:1.1rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:800px}@media (max-width:768px){.about{padding:1.5rem 1rem}.about h2{font-size:1.8rem}.about p{font-size:1rem}}.about-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-left:auto;margin-right:auto;margin-top:1.5rem;max-width:1000px}.about-features .feature{background:#fff;background:var(--primary-bg);border:1px solid #c5dce8;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #1e5a8e1a;box-shadow:var(--shadow-md);padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.about-features .feature:hover{box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.about-features .feature h3{color:#0d2238;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 2px #0000001a}.about-features .feature h3,.about-features .feature p{font-family:Heebo,sans-serif;font-family:var(--font-main)}.about-features .feature p{color:#4a7a9e;color:var(--text-secondary);font-size:.95rem;font-weight:400}@media (max-width:768px){.about-features{gap:1rem;grid-template-columns:1fr}.about-features .feature{padding:1rem}.about-intro,.about-text{padding:0 .5rem}.about-intro p,.about-text p{font-size:.95rem}.about-welcome{font-size:1.1rem!important}.about-highlight{font-size:.95rem!important;padding:1rem;padding:var(--spacing-md)}}.about .cta-btn{display:inline-flex;margin:1.5rem auto 0}.contact{background:linear-gradient(135deg,#e8f2f7,#fff);background:linear-gradient(135deg,var(--secondary-bg) 0,var(--primary-bg) 100%);border:1px solid #c5dce8;border:1px solid var(--border-color);border-radius:24px;box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);margin:2rem auto;max-width:900px;padding:3rem}.contact-header{margin-bottom:2rem;text-align:center}.contact-logo{animation:logoPulse 2s infinite;filter:drop-shadow(0 4px 12px rgba(30,90,142,.3));height:70px;margin-bottom:1rem;width:70px}.contact h2{color:#0d2238;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000001a}.contact h2,.contact p{font-family:Heebo,sans-serif;font-family:var(--font-main)}.contact p{color:#4a7a9e;color:var(--text-secondary);font-size:1.1rem;font-weight:400;margin-bottom:2rem}@media (max-width:768px){.contact{padding:2rem 1rem}.contact h2{font-size:2rem}.contact p{font-size:1rem}}.contact form{display:flex;flex-direction:column;gap:1rem}.contact input,.contact textarea{background:#fff;background:var(--primary-bg);border:1px solid #c5dce8;border:1px solid var(--border-color);border-radius:12px;color:#0d2238;color:var(--text-primary);font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:1rem;padding:1rem;transition:border-color .3s ease,box-shadow .3s ease}.contact input:focus,.contact textarea:focus{border-color:#1e5a8e;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.contact button{background:#1e5a8e;background:var(--accent-color);border:none;border-radius:24px;box-shadow:0 4px 6px -1px #1e5a8e1a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:1.2rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.contact button:hover{background:#4a90c8;box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contact-info{display:flex;gap:2rem;justify-content:space-around;margin-top:3rem}.contact-info .info-item{background:#fff;background:var(--primary-bg);border:1px solid #c5dce8;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #1e5a8e1a;box-shadow:var(--shadow-md);padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contact-info .info-item h3{color:#1e5a8e;color:var(--accent-color);font-size:1.3rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 2px #1e5a8e4d}.contact-info .info-item h3,.contact-info .info-item p{font-family:Heebo,sans-serif;font-family:var(--font-main)}.contact-info .info-item p{color:#4a7a9e;color:var(--text-secondary);font-size:1rem;font-weight:400}.contact-cta{background:#e8f2f7;background:var(--secondary-bg);border:1px solid #c5dce8;border:1px solid var(--border-color);border-radius:16px;margin-top:3rem;padding:2rem;text-align:center}.contact-cta h3{color:#0d2238;color:var(--text-primary);font-weight:600;margin-bottom:1rem;text-shadow:0 1px 2px #0000001a}.contact-cta h3,.contact-cta p{font-family:Heebo,sans-serif;font-family:var(--font-main)}.contact-cta p{color:#4a7a9e;color:var(--text-secondary);font-weight:400;margin-bottom:2rem}.social-links{flex-direction:row;flex-wrap:nowrap;font-size:clamp(1.5rem,4vw,2rem);gap:clamp(1.8rem,5vw,3rem);margin:1.5rem 0}.social-link,.social-links{align-items:center;display:flex;justify-content:center}.social-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#4a7a9e;color:var(--text-secondary);height:40px;padding:.5rem;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:#fff;border-color:#1e5a8e;border-color:var(--accent-color);box-shadow:0 6px 16px #7cb3d966;color:#1e5a8e;color:var(--accent-color);transform:translateY(-3px) scale(1.1)}@media (max-width:768px){.social-links{flex-wrap:nowrap;gap:1rem;justify-content:center}.social-link{flex-shrink:0;font-size:1.2rem;height:35px;width:35px}}@media (max-width:480px){.social-links{flex-wrap:nowrap;gap:.8rem;justify-content:center}.social-link{flex-shrink:0;font-size:1rem;height:32px;width:32px}}@media (max-width:768px){.contact-info{flex-direction:column;gap:1.5rem}.contact-info .info-item{padding:1.2rem}}.projects{animation:fadeIn 1.2s ease;background:linear-gradient(135deg,#e8f2f7,#fff);background:linear-gradient(135deg,var(--secondary-bg) 0,var(--primary-bg) 100%);border:1px solid #c5dce8;border:1px solid var(--border-color);border-radius:24px;box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);margin:3rem auto;max-width:1200px;padding-bottom:2.5rem}.projects-header{padding:3rem 0 2rem;position:relative;text-align:center}.projects-logo{animation:logoPulse 2.5s infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));height:90px;margin:0 auto 1.2rem;width:90px}.projects-header h2{animation:slideDown 1s cubic-bezier(.77,0,.18,1);color:#0d2238;color:var(--text-primary);font-size:3rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;text-shadow:0 2px 4px #0000001a}.projects-header h2,.projects-header p{font-family:Heebo,sans-serif;font-family:var(--font-main)}.projects-header p{animation:fadeIn 1.5s ease;color:#4a7a9e;color:var(--text-secondary);font-size:1.25rem;font-weight:400;margin-bottom:2rem}.projects-container{margin:0 auto;max-width:1200px;padding:0 6rem;position:relative}.project-list{display:flex;gap:3rem;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;scrollbar-color:#1e5a8e #0000;scrollbar-color:var(--accent-color) #0000;scrollbar-width:thin}.project-list::-webkit-scrollbar{height:8px}.project-list::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.project-list::-webkit-scrollbar-thumb{background:#1e5a8e;background:var(--accent-color);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.project-list::-webkit-scrollbar-thumb:hover{background:#4a90c8}.projects-scroll-indicator{align-items:center;background:#fff;background:var(--primary-bg);border:2px solid #c5dce8;border:2px solid var(--border-color);border-radius:50%;box-shadow:0 4px 6px -1px #1e5a8e1a;box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.projects-scroll-indicator:hover{background:#1e5a8e;background:var(--accent-color);border-color:#1e5a8e;border-color:var(--accent-color);box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);transform:translateY(-50%) scale(1.1)}.projects-scroll-indicator:hover svg{color:#fff}.projects-scroll-indicator.left{left:-30px}.projects-scroll-indicator.right{right:-30px}.projects-scroll-indicator svg{color:#4a7a9e;color:var(--text-secondary);height:20px;transition:color .3s ease;width:20px}@media (max-width:768px){.projects-scroll-indicator{height:32px;opacity:.6;pointer-events:none;width:32px}.projects-scroll-indicator.left{left:10px}.projects-scroll-indicator.right{right:10px}.projects-scroll-indicator svg{height:16px;width:16px}}.project-card{align-items:center;animation:fadeInUp 1.2s cubic-bezier(.77,0,.18,1);background:#fff;background:var(--primary-bg);border:1px solid #c5dce8;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 6px -1px #1e5a8e1a;box-shadow:var(--shadow-md);display:flex;flex:0 0 360px;flex-direction:column;min-width:360px;overflow:hidden;padding:2.2rem 1.7rem 1.7rem;position:relative;transition:box-shadow .4s ease,transform .4s ease,border .3s ease;width:360px}.project-card:hover{border-color:#7cb3d94d;box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);box-sizing:border-box;transform:translateY(-5px)}.project-card img{display:inline-block}.project-card .static-image{display:none}.project-card h3{color:#0d2238;color:var(--text-primary);font-size:1.45rem;font-weight:800;letter-spacing:1px;margin:.7rem 0 .3rem;text-shadow:0 1px 2px #0000001a}.project-card h3,.project-card p{font-family:Heebo,sans-serif;font-family:var(--font-main)}.project-card p{color:#4a7a9e;color:var(--text-secondary);font-size:1.12rem;font-weight:400;margin-bottom:1.3rem;text-align:center}.project-card .tag{animation:tagPop 1.2s cubic-bezier(.77,0,.18,1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#ff6b6b,#ff8c42 50%,orange);border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 4px 12px #ff6b6b4d,0 2px 6px #0003;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.4rem 1.2rem;position:absolute;right:15px;text-transform:uppercase;top:15px;z-index:5}.project-card .info-btn,.project-card .tag{color:#fff;font-family:Heebo,sans-serif;font-family:var(--font-main)}.project-card .info-btn{background:#1e5a8e;background:var(--accent-color);border:none;border-radius:20px;box-shadow:0 1px 2px 0 #1e5a8e0d;box-shadow:var(--shadow-sm);cursor:pointer;font-size:1.08rem;font-weight:600;margin-top:.7rem;padding:.7rem 1.7rem;transition:all .4s ease}.project-card .info-btn:hover{background:#4a90c8;box-shadow:0 4px 6px -1px #1e5a8e1a;box-shadow:var(--shadow-md);transform:translateY(-3px)}@media (max-width:900px){.project-list{gap:1.5rem}.project-card{max-width:400px;width:95vw}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes ctaPop{0%{opacity:0;transform:scale(.7)}80%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes tagPop{0%{opacity:0;transform:scale(.7)}80%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.projects{margin:1rem auto;padding-bottom:1.5rem}.projects-header{padding:2rem 1rem}.projects-header h2{font-size:2.5rem}.projects-header p{font-size:1.1rem}.projects-container{padding:0 4rem}.project-list{gap:1.5rem}.project-card{flex:0 0 320px;min-width:320px}}.project-showcase{margin:2rem auto;max-width:1000px;padding:0 2rem}.main-media-container{background:linear-gradient(135deg,#e8f2f7,#d4e6f0);border-radius:24px;box-shadow:0 10px 40px #00000040,0 0 0 1px #ffffff1a;height:550px;margin-bottom:2rem;overflow:hidden;position:relative;transition:box-shadow .4s ease;width:100%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.main-media{height:100%;object-fit:cover;opacity:1;transition:transform .5s ease;width:100%}.main-media.youtube-embed{border-radius:16px;min-height:400px}.main-media-container:hover{box-shadow:0 25px 50px #00000059,0 0 0 1px #ffffff26}.project-info-overlay{background:linear-gradient(0deg,#000000bf 0,#00000059 50%,#0000);bottom:0;color:#fff;left:0;padding:3rem 2.5rem 2rem;position:absolute;right:0}.project-title{color:#fff;font-size:2.4rem;font-weight:800;letter-spacing:.5px;line-height:1.2;margin-bottom:1.5rem;max-width:70%;text-shadow:0 2px 10px #000000e6,0 4px 20px #0009}.project-info-overlay .info-btn,.project-title{font-family:Heebo,sans-serif;font-family:var(--font-main)}.project-info-overlay .info-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #7cb3d966;border-radius:30px;box-shadow:0 4px 16px #1e5a8e4d;color:#1e5a8e;cursor:pointer;font-size:1.15rem;font-weight:700;letter-spacing:.3px;padding:1rem 2.5rem;transition:all .3s ease}.project-info-overlay .info-btn:hover{background:linear-gradient(135deg,#7cb3d9,#4a90c8);border-color:#7cb3d999;box-shadow:0 8px 25px #7cb3d980;color:#fff;transform:translateY(-3px)}.main-tag{animation:tagPop 1.2s cubic-bezier(.77,0,.18,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ff6b6b,#ff8c42 50%,orange);border:3px solid #ffffff4d;border-radius:25px;box-shadow:0 6px 20px #ff6b6b66,0 2px 8px #0000004d;color:#fff;font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:1rem;font-weight:800;left:30px;letter-spacing:.8px;padding:.5rem 1.5rem;position:absolute;text-transform:uppercase;top:40px;z-index:15}.thumbnail-carousel{margin-top:1rem}.thumbnail-container{background:#ffffff08;border-radius:16px;gap:.75rem;max-width:100%;padding:1rem 1.5rem}.thumbnail{border:2px solid #7cb3d933;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:70px;margin-bottom:20px;overflow:visible;position:relative;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;width:100px}.thumbnail:hover{border-color:#7cb3d980;box-shadow:0 4px 12px #7cb3d94d;transform:scale(1.05)}.thumbnail.active{border-color:#1e5a8e;border-color:var(--accent-color);box-shadow:0 0 15px #7cb3d966,0 4px 12px #00000026;transform:scale(1.03)}.thumbnail-media{border-radius:10px;height:100%;object-fit:cover;width:100%}.video-thumbnail-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:10px;display:flex;height:100%;justify-content:center;position:relative;width:100%}.video-play-icon{color:#ffffffe6;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));font-size:2.5rem;transition:transform .3s ease,color .3s ease}.thumbnail:hover .video-play-icon{color:#f59e0b;transform:scale(1.15)}.thumb-badge{border-radius:8px;bottom:-18px;font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:.6rem;font-weight:700;left:50%;padding:2px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:5}.before-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);box-shadow:0 2px 6px #ff6b6b4d;color:#fff}.after-badge{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 2px 6px #22c55e4d;color:#fff}.process-badge{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b4d;color:#fff}.future-badge{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 2px 6px #06b6d44d;color:#fff}.video-badge{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 6px #8b5cf64d;color:#fff;display:flex;gap:3px;padding:2px 8px}.thumbnail-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:.5rem 1rem 1.5rem}@media (max-width:768px){.thumb-badge{border-radius:6px;bottom:-14px;font-size:.5rem;padding:1px 5px}.thumbnail-container{gap:.6rem;padding:.4rem .5rem 1.2rem}.video-play-icon{font-size:1.8rem}}.project-card.selected{border:2px solid #1e5a8e;border:2px solid var(--accent-color);box-shadow:0 10px 15px -3px #1e5a8e1a,0 0 30px #7cb3d966;box-shadow:var(--shadow-lg),0 0 30px #7cb3d966;transition:all .4s ease}.card-media-container{background:linear-gradient(135deg,#e8f2f7,#d4e6f0);border-radius:14px;box-shadow:0 4px 18px #00d4ff17;height:200px;margin-bottom:1.3rem;overflow:hidden;position:relative;transition:box-shadow .4s ease;width:100%}.card-media-container:hover{box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg)}.card-media,.card-media-fallback{height:100%;object-fit:cover;width:100%}.gallery-count{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:12px;bottom:10px;color:#fff;font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:.75rem;font-weight:500;padding:4px 10px;position:absolute;right:10px;z-index:10}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:12px;color:#ff6b6b;font-size:1.1rem;margin:2rem 0;padding:1rem;text-align:center}@media (max-width:768px){.project-showcase{padding:0 .5rem}.main-media-container{border-radius:16px;height:350px;margin-bottom:1rem}.project-info-overlay{background:linear-gradient(0deg,#000000b3 0,#0003 70%,#0000);padding:1rem 1rem .8rem}.project-title{font-size:1.1rem;margin-bottom:.6rem;max-width:65%;text-shadow:0 1px 6px #000000e6}.project-info-overlay .info-btn{border-radius:20px;box-shadow:0 2px 8px #0000004d;font-size:.85rem;padding:.5rem 1.2rem}.main-tag{border-radius:12px;border-width:1.5px;box-shadow:0 2px 8px #0000004d;font-size:.65rem;left:12px;padding:.25rem .7rem;top:12px}.thumbnail-container{gap:.4rem;padding:.5rem}.thumbnail{border-radius:6px;height:40px;width:55px}.project-list{gap:2rem;margin-top:2rem}.card-media-container{height:180px}.media-indicators{bottom:8px}.indicator{height:6px;width:6px}}@media (max-width:480px){.projects-container{padding:0 2.5rem}.project-card{flex:0 0 280px;min-width:280px}}.reviews-section{background:linear-gradient(135deg,#e8f2f7,#d4e8f2);color:#0d2238;min-height:auto;overflow:hidden;padding:5rem 2rem;position:relative}.reviews-header{margin-bottom:4rem;position:relative;text-align:center}.reviews-logo{animation:logoPulse 3s infinite;filter:drop-shadow(0 4px 12px rgba(30,90,142,.2));height:80px;margin:0 auto 1.5rem;width:80px}.reviews-header h2{animation:slideDown 1s ease;color:#0d2238;font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #1e5a8e26}.reviews-header h2,.reviews-header p{font-family:Heebo,sans-serif;font-family:var(--font-main)}.reviews-header p{animation:fadeIn 1.5s ease;color:#4a7a9e;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.reviews-container{margin:0 auto;max-width:1200px;padding:0 6rem;position:relative}.reviews-grid{display:flex;gap:2.5rem;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;scrollbar-color:#1e5a8e #0000;scrollbar-color:var(--accent-color) #0000;scrollbar-width:thin}.reviews-grid::-webkit-scrollbar{height:8px}.reviews-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.reviews-grid::-webkit-scrollbar-thumb{background:#1e5a8e;background:var(--accent-color);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.reviews-grid::-webkit-scrollbar-thumb:hover{background:#4a90c8}.reviews-scroll-indicator{align-items:center;background:#fff;background:var(--primary-bg);border:2px solid #c5dce8;border:2px solid var(--border-color);border-radius:50%;box-shadow:0 4px 6px -1px #1e5a8e1a;box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.reviews-scroll-indicator:hover{background:#1e5a8e;background:var(--accent-color);border-color:#1e5a8e;border-color:var(--accent-color);box-shadow:0 10px 15px -3px #1e5a8e1a;box-shadow:var(--shadow-lg);transform:translateY(-50%) scale(1.1)}.reviews-scroll-indicator:hover svg{color:#fff}.reviews-scroll-indicator.left{left:-30px}.reviews-scroll-indicator.right{right:-30px}.reviews-scroll-indicator svg{color:#4a7a9e;color:var(--text-secondary);height:20px;transition:color .3s ease;width:20px}@media (max-width:768px){.reviews-scroll-indicator{height:32px;opacity:.6;pointer-events:none;width:32px}.reviews-scroll-indicator.left{left:10px}.reviews-scroll-indicator.right{right:10px}.reviews-scroll-indicator svg{height:16px;width:16px}}.review-card{background:#fff;border:1px solid #c5dce833;border-radius:20px;box-shadow:0 10px 30px #1e5a8e1a,0 1px 8px #1e5a8e0d;flex:0 0 320px;min-width:320px;opacity:0;overflow:hidden;padding:2rem;position:relative;transform:translateY(30px);transition:all .4s cubic-bezier(.4,0,.2,1)}.review-card:before{background:linear-gradient(90deg,#1e5a8e,#4a90c8 50%,#7cb3d9);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.review-card:hover:before{opacity:1}.review-card:hover{box-shadow:0 20px 40px #1e5a8e26,0 8px 16px #1e5a8e1a;transform:translateY(-8px)}.review-card.visible{opacity:1;transform:translateY(0)}.client-photo{display:flex;justify-content:center;margin-bottom:1.5rem}.client-photo img{border:4px solid #c5dce8;border-radius:50%;box-shadow:0 4px 12px #1e5a8e26;height:80px;object-fit:cover;transition:all .3s ease;width:80px}.review-card:hover .client-photo img{border-color:#7cb3d9;box-shadow:0 8px 20px #7cb3d94d;transform:scale(1.1)}.review-content{text-align:center}.rating{display:flex;gap:4px;justify-content:center;margin-bottom:1.5rem}.star{color:#c5dce8;font-size:1.5rem;transition:all .2s ease}.star.filled{color:#fbbf24;text-shadow:0 0 8px #fbbf244d}.feedback{color:#4a7a9e;font-size:1rem;font-style:italic;line-height:1.6;margin-bottom:1.5rem;padding:0 1rem;position:relative}.feedback:after,.feedback:before{color:#b8d4e5;content:'"';font-size:2rem;position:absolute;top:-10px}.feedback:before{left:0}.feedback:after{right:0}.client-info{border-top:1px solid #c5dce8;padding-top:1rem}.client-name{color:#0d2238;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.client-name,.project-type{font-family:Heebo,sans-serif;font-family:var(--font-main)}.project-type{color:#4a7a9e;font-size:.9rem;margin:0}.reviews-cta{background:linear-gradient(135deg,#7cb3d914,#4a90c814);border:1px solid #7cb3d926;border-radius:20px;margin-top:4rem;padding:3rem 2rem;text-align:center}.reviews-cta p{color:#0d2238;font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:1.3rem;font-weight:500;margin-bottom:2rem}.contact button[type=submit],.cta-btn,.cta-button{align-items:center;background:linear-gradient(135deg,#7cb3d9,#4a90c8 50%,#1e5a8e);border:none;border-radius:50px;box-shadow:0 4px 16px #7cb3d966;color:#fff;cursor:pointer;display:inline-flex;font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact button[type=submit]:before,.cta-btn:before,.cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.contact button[type=submit]:hover,.cta-btn:hover,.cta-button:hover{background:linear-gradient(135deg,#4a90c8,#1e5a8e 50%,#7cb3d9);box-shadow:0 8px 25px #7cb3d980;transform:translateY(-3px)}.contact button[type=submit]:hover:before,.cta-btn:hover:before,.cta-button:hover:before{left:100%}.contact button[type=submit]:active,.cta-btn:active,.cta-button:active{box-shadow:0 2px 8px #7cb3d966;transform:translateY(-1px)}.facebook-video-btn{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#1877f2,#42a5f5);border:none;border-radius:30px;box-shadow:0 4px 16px #1877f24d;color:#fff;cursor:pointer;display:flex;font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;margin:1.5rem auto;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .3s ease}.facebook-video-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.facebook-video-btn:hover:before{left:100%}.facebook-video-btn:hover{animation:none;box-shadow:0 8px 25px #1877f280;transform:translateY(-3px) scale(1.05)}.facebook-video-btn svg{transition:transform .3s ease}.facebook-video-btn:hover svg:first-child{transform:scale(1.2) rotate(5deg)}.facebook-video-btn:hover svg:last-child{transform:scale(1.2)}.facebook-video-btn:hover{background:linear-gradient(135deg,#166fe5,#1976d2);box-shadow:0 6px 20px #1877f266;transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:90vw;overflow-y:auto;padding:2rem;position:relative}.close-modal{background:none;border:none;color:#4a7a9e;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem;transition:color .3s ease;z-index:1001}.close-modal:hover{color:#1e5a8e;transform:scale(1.1)}.project-info-modal{max-height:90vh;max-width:750px;overflow-y:auto;padding:0}.project-info-content{display:flex;flex-direction:column}.modal-header{background:linear-gradient(135deg,#e8f2f7,#d4e8f2);border-bottom:2px solid #c5dce8;padding:2rem;position:relative;text-align:center}.modal-header h2{color:#0d2238;font-size:2rem;margin:0;text-shadow:0 1px 2px #1e5a8e1a}.modal-header h2,.modal-tag{font-family:Heebo,sans-serif;font-family:var(--font-main);font-weight:700}.modal-tag{background:linear-gradient(135deg,#ff6b6b,#ff8c42 50%,orange);border-radius:20px;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;display:inline-block;font-size:.85rem;letter-spacing:.5px;margin-bottom:1rem;padding:.4rem 1rem;text-transform:uppercase}.modal-body{background:#fff;padding:2rem}.project-full-description{color:#4a7a9e;font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:1.15rem;font-weight:400;line-height:1.8;margin:0;text-align:center}.modal-footer{align-items:center;background:linear-gradient(135deg,#f8fafc,#e8f2f7);border-top:1px solid #c5dce8;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.whatsapp-cta-btn{align-items:center;animation:whatsappPulse 2s infinite;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:50px;box-shadow:0 8px 25px #25d36666;color:#fff;cursor:pointer;display:inline-flex;font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:1.2rem;font-weight:700;justify-content:center;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.whatsapp-cta-btn:hover{animation:none;background:linear-gradient(135deg,#128c7e,#25d366);box-shadow:0 12px 35px #25d36680;transform:translateY(-4px) scale(1.02)}.whatsapp-cta-btn:active{transform:translateY(-2px) scale(1)}@keyframes whatsappPulse{0%,to{box-shadow:0 8px 25px #25d36666}50%{box-shadow:0 8px 35px #25d36699}}.secondary-cta{animation:none!important;background:#0000!important;border:2px solid #7cb3d9!important;box-shadow:none!important;color:#4a7a9e!important;font-size:.95rem;padding:.8rem 1.5rem}.secondary-cta:hover{background:#7cb3d91a!important;border-color:#4a7a9e!important;color:#2d5a7a!important;transform:translateY(-2px)}.modal-cta{animation:pulse 2s infinite;box-shadow:0 6px 20px #7cb3d966;margin:0 auto}.modal-cta:hover{animation:none;box-shadow:0 8px 30px #7cb3d999;transform:translateY(-3px)}@keyframes pulse{0%,to{box-shadow:0 6px 20px #7cb3d966}50%{box-shadow:0 6px 25px #7cb3d999}}@media (max-width:768px){.modal-content{display:flex;flex-direction:column;margin:10px;padding:1rem}.modal-content,.project-info-modal{height:calc(100vh - 20px);max-height:calc(100vh - 20px);max-width:95vw}.project-info-modal{border-radius:14px;overflow-y:auto}.modal-header{padding:1.5rem 1rem}.modal-header h2{font-size:1.5rem}.modal-body{padding:1.5rem 1rem}.project-full-description{font-size:1rem}.modal-footer{padding:1.5rem 1rem}.whatsapp-cta-btn{font-size:1rem;max-width:320px;padding:.9rem 1.8rem;width:100%}.secondary-cta{font-size:.85rem;padding:.7rem 1.2rem}}.modal-slider{background:linear-gradient(135deg,#f0f7fa,#e8f2f7);padding:1.5rem}.modal-slider-main{background:#1a1a2e;border-radius:16px;box-shadow:0 8px 30px #0003;height:320px;overflow:hidden;position:relative;width:100%}.modal-slider-media{background:#1a1a2e;height:100%;object-fit:contain;width:100%}.slider-arrow{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 15px #0003;color:var(--primary-color);cursor:pointer;display:flex;font-size:1.2rem;height:45px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:45px;z-index:10}.slider-arrow:hover{background:var(--primary-color);box-shadow:0 6px 20px #1e5a8e66;color:#fff;transform:translateY(-50%) scale(1.1)}.slider-arrow-left{left:15px}.slider-arrow-right{right:15px}.slider-counter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border-radius:20px;bottom:15px;color:#fff;font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:.9rem;font-weight:600;left:50%;padding:.5rem 1.2rem;position:absolute;transform:translateX(-50%)}.modal-slider-thumbs{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1rem;padding:.5rem}.modal-thumb{border:2px solid #0000;border-radius:8px;cursor:pointer;height:45px;opacity:.6;overflow:hidden;transition:all .3s ease;width:60px}.modal-thumb:hover{border-color:#7cb3d980;opacity:1;transform:scale(1.08)}.modal-thumb.active{border-color:#1e5a8e;border-color:var(--accent-color);box-shadow:0 0 15px #7cb3d980;opacity:1;transform:scale(1.05)}.modal-thumb-media{height:100%;object-fit:cover;width:100%}.modal-thumb.more-indicator{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;font-family:Heebo,sans-serif;font-family:var(--font-main);font-size:.9rem;font-weight:700;justify-content:center;opacity:1}@media (max-width:768px){.modal-slider{padding:1rem}.modal-slider-main{height:220px}.slider-arrow{font-size:1rem;height:36px;width:36px}.slider-arrow-left{left:10px}.slider-arrow-right{right:10px}.modal-thumb{height:36px;width:48px}.slider-counter{font-size:.8rem;padding:.4rem 1rem}}.home .cta-btn{animation:ctaPop 1.2s cubic-bezier(.77,0,.18,1);margin:2rem 0}.about .cta-btn{display:block;margin:2rem auto 0;text-align:center}.contact button[type=submit]{display:block;margin:2rem auto 0;max-width:300px;width:100%}@media (max-width:768px){.contact button[type=submit],.cta-btn,.cta-button{display:block;font-size:1rem;margin:1rem auto;max-width:300px;padding:.9rem 2rem;text-align:center;width:100%}.reviews-section{padding:3rem 1rem}.reviews-header{margin-bottom:3rem}.reviews-logo{height:60px;width:60px}.reviews-header h2{font-size:2.2rem}.reviews-header p{font-size:1rem;padding:0 1rem}.reviews-container{padding:0 4rem}.reviews-grid{gap:2rem}.review-card{flex:0 0 280px;min-width:280px;padding:1.5rem}.client-photo img{height:70px;width:70px}.rating{margin-bottom:1rem}.star{font-size:1.3rem}.feedback{font-size:.95rem;padding:0 .5rem}.client-name{font-size:1rem}.project-type{font-size:.85rem}.reviews-cta{margin-top:3rem;padding:2rem 1.5rem}.reviews-cta p{font-size:1.1rem}.cta-button{font-size:1rem;padding:.9rem 2rem}}@media (max-width:480px){.reviews-section{padding:2rem 1rem}.reviews-header h2{font-size:1.8rem}.reviews-container{padding:0 2.5rem}.review-card{flex:0 0 250px;min-width:250px;padding:1.2rem}.feedback{font-size:.9rem}}@keyframes logoPulse{0%,to{filter:drop-shadow(0 4px 12px rgba(30,90,142,.2));transform:scale(1)}50%{filter:drop-shadow(0 6px 16px rgba(124,179,217,.3));transform:scale(1.05)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:768px){.home{margin-top:50px}}.footer{background:linear-gradient(135deg,#0d1b2a,#1b2838 50%,#0d1b2a);overflow:hidden;padding:2.5rem 1rem;position:relative}.footer:before{background:linear-gradient(90deg,#1e5a8e,#4a90c8 50%,#1e5a8e);background:linear-gradient(90deg,var(--primary-blue) 0,var(--primary-green) 50%,var(--primary-blue) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0}.footer-container{gap:1.2rem;justify-content:center;margin:0 auto;max-width:1200px;position:relative;text-align:center;z-index:1}.footer-container,.footer-link{align-items:center;display:flex;flex-direction:column}.footer-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;gap:.4rem;padding:1.2rem 2.5rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.footer-link:hover{background:#ffffff14;border-color:#4a90c84d;box-shadow:0 10px 30px #0000004d,0 0 20px #4a90c826;transform:translateY(-4px)}.footer-powered{color:#ffffff80;font-size:.75rem;font-weight:400;letter-spacing:2px;text-transform:uppercase}.footer-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90c8,#7cb3d9 50%,#4a90c8);-webkit-background-clip:text;background-clip:text;font-family:Pacifico,cursive;font-size:2rem;font-weight:400;letter-spacing:1px;transition:all .3s ease}.footer-link:hover .footer-brand{background:linear-gradient(135deg,#7cb3d9,#fff 50%,#7cb3d9);-webkit-background-clip:text;background-clip:text}.footer-tagline{color:#fff9;font-size:.85rem;font-weight:400}.footer-copyright{color:#ffffff59;font-size:.75rem;letter-spacing:.5px;margin:0}@media (max-width:768px){.footer{padding:2rem 1rem}.footer-link{padding:1rem 2rem}.footer-brand{font-size:1.6rem}.footer-powered{font-size:.7rem;letter-spacing:1.5px}.footer-tagline{font-size:.8rem}}
/*# sourceMappingURL=main.3f5f3370.css.map*/