*{box-sizing:border-box;margin:0;padding:0}body{color:#f8fafc;background-color:#0f172a;font-family:Inter,sans-serif;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{z-index:1000;background:#1e293b;border-bottom:1px solid #334155;width:100%;padding:15px 0;position:sticky;top:0}.header .container,.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.logo{color:#00f2fe;font-size:24px;font-weight:700;text-decoration:none}.logo span{color:#fff}.nav-links,.nav-menu{align-items:center;gap:25px;list-style:none;display:flex}.nav-links a,.nav-link{color:#cbd5e1;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-link:hover{color:#00f2fe}.btn-cta-nav{background:#00f2fe;border-radius:6px;padding:8px 20px;font-weight:700;color:#0f172a!important}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.menu-toggle span{background:#fff;width:25px;height:3px;transition:all .3s;display:block}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:450px;padding:60px 20px 40px;display:flex;position:relative;overflow:hidden}.hero-video{z-index:1;object-fit:cover;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-overlay{z-index:2;background:#0f172ad9;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:3;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.hero h1{color:#fff;text-shadow:0 3px 12px #000000d9;margin-bottom:25px;font-size:52px;line-height:1.2}.hero h1 span{color:#00f2fe;text-shadow:0 0 15px #00f2fe66}.hero p{-webkit-text-stroke:.8px #00000073;color:#fff!important;text-shadow:0 2px 8px #000c!important;max-width:850px!important;margin:0 auto 30px!important;font-size:18px!important;font-weight:500!important;line-height:1.6!important}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:10px;display:flex}.hero .btn-primary{color:#0f172a;background:#00f2fe;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 0 20px #00f2fe73}.hero .btn-primary:hover{background:#33f4fe;transform:translateY(-3px);box-shadow:0 0 30px #00f2fecc}.hero .btn-secondary{color:#fff;background:#0f172a73;border:2px solid #00f2fe;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 0 15px #00f2fe33}.hero .btn-secondary:hover{color:#fff;background:#00f2fe40;border-color:#33f4fe;transform:translateY(-3px);box-shadow:0 0 25px #00f2fe99}.process-section{text-align:center;background:#0f172a;padding:60px 0}.process-section h2{color:#fff;margin-bottom:15px;font-size:36px}.section-subtitle{color:#94a3b8;margin-bottom:40px}.process-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;display:grid}.process-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:30px;position:relative}.process-number{color:#00f2fe33;margin-bottom:10px;font-size:40px;font-weight:700}.process-card h3{color:#fff;margin-bottom:10px}.process-card p{color:#94a3b8;font-size:14px}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-1360px)}}.carousel-wrapper{width:100%;margin:40px auto;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.video-carousel{will-change:transform;gap:20px;width:max-content;animation:18s linear infinite scrollMarquee;display:flex}.carousel-wrapper:hover .video-carousel{animation-play-state:paused}.video-item{background:#1e293b;border:1px solid #00f2fe4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:320px;min-width:320px;height:180px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.video-item:hover{border-color:#00f2fe;transform:scale(1.03)}.video-item video{object-fit:cover;width:100%;height:100%;display:block}.gallery-section{text-align:center;background:#1e293b;padding:60px 0}.gallery-section h2{color:#fff;margin-bottom:10px;font-size:36px}.filter-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.filter-buttons button{color:#cbd5e1;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:8px 16px;transition:all .3s}.filter-buttons button.active,.filter-buttons button:hover{color:#0f172a;background:#00f2fe;border-color:#00f2fe;font-weight:700}.gallery-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;display:grid}.cyber-card{background:#0f172a;border:1px solid #334155;border-radius:12px;flex-direction:column;transition:transform .3s;display:flex;overflow:hidden}.cyber-card:hover{border-color:#00f2fe;transform:translateY(-5px)}.card-img-container{background-color:#0b0f19;justify-content:center;align-items:center;width:100%;height:200px;display:flex;overflow:hidden}.card-img-container img{object-fit:contain;width:100%;height:100%;transition:transform .5s;display:block}.cyber-card:hover .card-img-container img{transform:scale(1.05)}.card-body{padding:20px}.card-body h3{color:#fff;margin-bottom:10px;font-size:18px}.card-body p{color:#94a3b8;font-size:14px}.upload-section{text-align:center;background:#0f172a;padding:60px 0}.contact-container{max-width:700px;margin:0 auto}.upload-section h2{color:#fff;margin-bottom:10px;font-size:36px}.upload-section p{color:#94a3b8;margin-bottom:30px}.dropzone{cursor:pointer;background:#1e293b;border:2px dashed #334155;border-radius:12px;margin-bottom:25px;padding:30px;transition:border-color .3s}.dropzone:hover{border-color:#00f2fe}.dropzone-label{color:#00f2fe;font-weight:500}.contact-form{text-align:left;flex-direction:column;gap:15px;display:flex}.contact-form input,.contact-form select,.contact-form textarea{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:6px;width:100%;padding:12px;font-family:inherit}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#00f2fe;outline:none}.form-row{gap:15px;display:flex}.contact-form button,.add-testimonial-box button,button[type=submit],.btn-main{width:100%;color:#0f172a!important;cursor:pointer!important;background:#00f2fe!important;border:none!important;border-radius:6px!important;padding:12px 25px!important;font-weight:700!important;text-decoration:none!important;transition:all .3s!important;display:inline-block!important;box-shadow:0 0 15px #00f2fe4d!important}.contact-form button:hover,.add-testimonial-box button:hover,button[type=submit]:hover,.btn-main:hover{transform:translateY(-2px);background:#33f4fe!important;box-shadow:0 0 25px #00f2fe99!important}.testimonials-section{text-align:center;background:#1e293b;padding:60px 0}.testimonials-section h2{color:#fff;margin-bottom:10px;font-size:36px}.add-testimonial-box{text-align:left;background:#0f172a;border:1px solid #334155;border-radius:12px;max-width:700px;margin:0 auto 40px;padding:30px}.add-testimonial-box h3{color:#fff;text-align:center;margin-bottom:20px}.star-rating{cursor:pointer;justify-content:center;gap:5px;font-size:24px;display:flex}.star-rating span{color:#475569;transition:color .2s}.star-rating span.active{color:#f59e0b}.testimonials-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;display:grid}.testimonial-card{background:#0f172a;border:1px solid #334155;border-radius:12px;padding:25px}.stars{color:#f59e0b;letter-spacing:2px;margin-bottom:10px}.testimonial-card p{color:#cbd5e1;margin-bottom:15px;font-size:14px;font-style:italic}.testimonial-card h4{color:#fff;font-size:16px}.footer{color:#94a3b8;background:#090d16;border-top:1px solid #334155;padding:50px 0 20px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:40px;display:grid}.footer-col h3,.footer-col h4{color:#fff;margin-bottom:15px}.footer-col p,.footer-col a{color:#94a3b8;margin-bottom:8px;font-size:14px;text-decoration:none;transition:color .3s;display:block}.footer-col a:hover{color:#00f2fe}.footer-bottom{text-align:center;color:#64748b;border-top:1px solid #1e293b;padding-top:20px;font-size:13px}.whatsapp-float{color:#fff;z-index:1000;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;text-decoration:none;transition:transform .3s;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 4px 10px #0000004d}.whatsapp-float:hover{transform:scale(1.1)}@media (width<=768px){.menu-toggle{display:flex}.nav-links,.nav-menu{background:#1e293b;border-bottom:1px solid #334155;flex-direction:column;gap:15px;width:100%;padding:20px 0;display:none;position:absolute;top:100%;left:0}.nav-links.active,.nav-menu.active{display:flex}}
