@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap";.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:#f1f5f9;direction:rtl;font-family:Cairo,sans-serif}.admin-sidebar{background:#0f172a;color:#e2e8f0;padding:24px 0;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-sidebar h2{padding:0 24px 20px;margin:0;font-size:20px;border-bottom:1px solid #1e293b;color:#fff}.admin-sidebar .user-chip{padding:12px 24px;font-size:13px;color:#94a3b8;border-bottom:1px solid #1e293b}.admin-nav{padding:16px 0}.admin-nav a{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#cbd5e1;text-decoration:none;font-size:15px;transition:.2s;border-inline-start:3px solid transparent}.admin-nav a:hover{background:#1e293b;color:#fff}.admin-nav a.active{background:#0284c7;color:#fff;border-inline-start-color:#facc15}.admin-nav .icon{width:20px;height:20px}.admin-main{padding:32px 40px;overflow-x:hidden}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.admin-header h1{margin:0;font-size:28px;color:#0f172a}.admin-header .actions{display:flex;gap:12px}.admin-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px}.admin-grid{display:grid;gap:20px}.admin-grid.cols-4{grid-template-columns:repeat(4,1fr)}.admin-grid.cols-3{grid-template-columns:repeat(3,1fr)}.admin-grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 900px){.admin-grid.cols-4,.admin-grid.cols-3,.admin-grid.cols-2,.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}}.stat-card{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;padding:24px;border-radius:12px}.stat-card h3{margin:0 0 8px;font-size:14px;font-weight:400;opacity:.9}.stat-card .num{font-size:32px;font-weight:700}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.admin-table th{background:#f8fafc;padding:14px;text-align:start;font-weight:600;color:#475569;font-size:13px;border-bottom:1px solid #e2e8f0}.admin-table td{padding:14px;border-bottom:1px solid #f1f5f9;font-size:14px}.admin-table tr:hover{background:#f8fafc}.admin-input,.admin-textarea,.admin-select{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:14px;background:#fff}.admin-input:focus,.admin-textarea:focus,.admin-select:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.admin-textarea{min-height:100px;resize:vertical}.admin-label{display:block;margin-bottom:6px;font-weight:600;color:#334155;font-size:14px}.admin-field{margin-bottom:16px}.admin-btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-family:inherit;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:.2s}.admin-btn.primary{background:#0284c7;color:#fff}.admin-btn.primary:hover{background:#0369a1}.admin-btn.danger{background:#ef4444;color:#fff}.admin-btn.ghost{background:#f1f5f9;color:#334155}.admin-btn:disabled{opacity:.6;cursor:not-allowed}.badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.badge.new{background:#dbeafe;color:#1e40af}.badge.in_progress,.badge.contacted{background:#fef3c7;color:#92400e}.badge.done,.badge.completed{background:#dcfce7;color:#166534}.badge.cancelled,.badge.lost{background:#fee2e2;color:#991b1b}.badge.pending{background:#e0e7ff;color:#3730a3}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;padding:28px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto}.modal h2{margin:0 0 20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.media-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;background:#f1f5f9}.media-item.selected{border-color:#0284c7}.media-item img{width:100%;height:100%;object-fit:cover}.media-item .del{position:absolute;top:4px;inset-inline-end:4px;background:#ef4444e6;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:none}.media-item:hover .del{display:block}.toast{position:fixed;top:20px;inset-inline-end:20px;background:#0f172a;color:#fff;padding:14px 20px;border-radius:8px;z-index:2000}.toast.success{background:#16a34a}.toast.error{background:#dc2626}.jsonarr-item{background:#f8fafc;padding:12px;border-radius:8px;margin-bottom:8px;display:flex;gap:8px;align-items:center}.jsonarr-item input{flex:1}.empty-state{text-align:center;padding:60px 20px;color:#64748b}:root{--primary: #FF6B00;--primary-dark: #E05E00;--primary-light: #FF8533;--secondary: #FFB800;--secondary-light: #FFD700;--dark: #0A1F3F;--dark-light: #122A54;--dark-card: #0E2548;--white: #FFFFFF;--gray: #F5F6FA;--gray-dark: #E8EAF0;--text: #2D3436;--text-light: #636E72;--border: #E0E3E8;--shadow: 0 4px 20px rgba(10, 31, 63, .08);--shadow-lg: 0 10px 40px rgba(10, 31, 63, .12);--radius: 16px;--radius-sm: 10px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--font: "Tajawal", sans-serif;--section-padding: 100px 0;--container: 1200px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;direction:rtl}body{font-family:var(--font);color:var(--text);background:var(--white);line-height:1.8;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}button{border:none;outline:none;cursor:pointer;font-family:var(--font);transition:var(--transition)}input,textarea,select{font-family:var(--font);outline:none;border:2px solid var(--border);border-radius:var(--radius-sm);padding:14px 18px;font-size:16px;transition:var(--transition);width:100%;background:var(--white);color:var(--text)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff6b001a}textarea{resize:vertical;min-height:120px}::selection{background:var(--primary);color:var(--white)}.container{max-width:var(--container);margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.3;color:var(--dark)}.section-badge{display:inline-flex;align-items:center;gap:8px;background:#ff6b0014;color:var(--primary);padding:6px 18px;border-radius:50px;font-size:14px;font-weight:700;margin-bottom:16px}.section-title{font-size:clamp(28px,4vw,44px);margin-bottom:16px}.section-subtitle{font-size:17px;color:var(--text-light);max-width:600px;line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;border-radius:50px;font-size:16px;font-weight:700;transition:var(--transition);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:.5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:0 4px 15px #ff6b004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b0066}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.btn-whatsapp{background:#25d366;color:var(--white);box-shadow:0 4px 15px #25d3664d}.btn-whatsapp:hover{background:#1da851;transform:translateY(-2px);box-shadow:0 8px 25px #25d36666}.btn-dark{background:var(--dark);color:var(--white)}.btn-dark:hover{background:var(--dark-light);transform:translateY(-2px)}.btn-sm{padding:10px 22px;font-size:14px}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);transition:var(--transition)}.header.scrolled{box-shadow:var(--shadow-lg);background:#fffffffa}.header .container{display:flex;align-items:center;justify-content:space-between;height:80px}.logo{display:flex;align-items:center;gap:12px}.logo-img{height:70px;width:auto}.header-contact{display:flex;flex-direction:column;gap:4px;font-size:15px;color:var(--dark);padding:0 16px;border-right:2px solid var(--border);line-height:1.3;font-weight:700}.header-contact a{color:var(--text);text-decoration:none;transition:var(--transition);white-space:nowrap}.header-contact a:hover{color:var(--primary)}.nav{display:flex;align-items:center;gap:8px}.nav a{padding:8px 16px;font-size:15px;font-weight:600;color:var(--text);border-radius:8px;position:relative}.nav a:hover,.nav a.active{color:var(--primary);background:#ff6b000f}.nav a:after{content:"";position:absolute;bottom:2px;right:16px;left:16px;height:2px;background:var(--primary);transform:scaleX(0);transition:var(--transition);border-radius:2px}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.nav .btn{margin-right:8px}.nav .btn:after{display:none}.nav-dropdown{position:relative}.nav-dropdown>a{padding:8px 16px;font-size:15px;font-weight:600;color:var(--text);border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:4px;position:relative}.nav-dropdown>a:hover,.nav-dropdown.active>a{color:var(--primary);background:#ff6b000f}.nav-dropdown>a:after{content:"";position:absolute;bottom:2px;right:16px;left:16px;height:2px;background:var(--primary);transform:scaleX(0);transition:var(--transition);border-radius:2px}.nav-dropdown:hover>a:after,.nav-dropdown.active>a:after{transform:scaleX(1)}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--white);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);min-width:220px;padding:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:100;border:1px solid var(--border)}.nav-dropdown:hover .dropdown-menu,.nav-dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:10px 16px;font-size:14px;font-weight:600;color:var(--text);border-radius:8px}.dropdown-menu a:hover{background:#ff6b000f;color:var(--primary)}.menu-toggle{display:none;width:44px;height:44px;background:var(--gray);border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2.5px;background:var(--dark);border-radius:4px;transition:var(--transition)}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0;transform:translate(-10px)}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;background:var(--dark);overflow:hidden;padding-top:80px}.hero-bg,.hero-slides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-bg img,.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1}.hero-overlay,.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,rgba(10,15,30,.55) 0%,rgba(10,15,30,.25) 45%,transparent 80%);pointer-events:none}.hero-overlay{display:block}.hero .container{position:relative;z-index:2;padding-top:60px;padding-bottom:60px;display:flex;justify-content:flex-start}.hero-content{max-width:620px;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;position:relative;text-align:right}.hero-content:before{content:"";position:absolute;left:-6px;top:8px;bottom:8px;width:3px;background:var(--secondary);border-radius:3px;box-shadow:0 0 20px #ff6b0099}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ff6b002e;border:1px solid rgba(255,107,0,.35);color:var(--secondary);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:700;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero h1{font-size:clamp(32px,4.2vw,54px);color:var(--white);margin-bottom:10px;text-shadow:0 2px 14px rgba(0,0,0,.6);line-height:1.15}.hero .hero-sub{font-size:clamp(18px,2vw,26px);font-weight:700;color:var(--secondary);margin-bottom:18px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.hero p{font-size:16px;color:#fffffff2;line-height:1.85;margin-bottom:28px;text-shadow:0 1px 6px rgba(0,0,0,.5)}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.hero-shape{position:absolute;bottom:-2px;left:0;right:0;height:120px;background:var(--white);clip-path:ellipse(70% 100% at 50% 100%);z-index:2}.section{padding:var(--section-padding)}.section-alt{background:var(--gray)}.section-header{text-align:center;margin-bottom:56px}.section-header .section-subtitle{margin:0 auto}#features{position:relative;background:radial-gradient(1200px 500px at 90% -10%,rgba(255,107,0,.08),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(255,184,0,.08),transparent 60%),linear-gradient(180deg,#fff,#fafbfd);overflow:hidden}#features:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(10,31,63,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(10,31,63,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 75%);pointer-events:none}#features .container{position:relative;z-index:1}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;counter-reset:feat}.feature-card{--grad: linear-gradient(135deg, var(--primary), var(--secondary));counter-increment:feat;position:relative;background:var(--white);border-radius:20px;padding:34px 26px 28px;border:1px solid var(--border);box-shadow:0 4px 18px -8px #0a1f3f1a;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease,border-color .3s ease;overflow:hidden;isolation:isolate;text-align:right}.feature-card:after{content:"0" counter(feat);position:absolute;top:14px;left:18px;font-size:44px;font-weight:800;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.1;transition:opacity .4s ease,transform .4s ease;letter-spacing:-1px}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grad);opacity:0;transition:opacity .5s ease;z-index:-1}.feature-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px -25px #ff6b0059,0 10px 25px -12px #0a1f3f26;border-color:transparent}.feature-card:hover:before{opacity:1}.feature-card:hover:after{opacity:.28;transform:translateY(-2px);color:#fff;background:none;-webkit-background-clip:initial;background-clip:initial}.feature-card:hover h3,.feature-card:hover p{color:#fff}.feature-card>.shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translate(-120%);transition:transform .9s ease;pointer-events:none}.feature-card:hover>.shine{transform:translate(120%)}.feature-icon{width:62px;height:62px;border-radius:16px;background:linear-gradient(135deg,#ff6b001f,#ffb8001f);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:18px;position:relative;transition:transform .5s cubic-bezier(.2,.7,.2,1),background .4s ease,color .3s ease,box-shadow .4s ease;animation:featFloat 6s ease-in-out infinite}.feature-card:nth-child(2n) .feature-icon{animation-delay:-2s}.feature-card:nth-child(3n) .feature-icon{animation-delay:-4s}@keyframes featFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.feature-card:hover .feature-icon{background:#ffffff2e;color:#fff;transform:scale(1.08) rotate(-4deg);box-shadow:0 10px 24px -8px #00000040,inset 0 0 0 1px #ffffff59}.feature-icon svg{transition:transform .4s ease}.feature-card:hover .feature-icon svg{transform:scale(1.05)}.feature-card h3{font-size:18px;margin-bottom:10px;color:var(--dark);transition:color .3s ease}.feature-card p{font-size:14.5px;color:var(--text-light);line-height:1.8;margin:0;transition:color .3s ease}.feature-card{opacity:0;transform:translateY(24px);animation:featIn .7s cubic-bezier(.2,.7,.2,1) forwards}.features-grid .feature-card:nth-child(1){animation-delay:.05s}.features-grid .feature-card:nth-child(2){animation-delay:.12s}.features-grid .feature-card:nth-child(3){animation-delay:.19s}.features-grid .feature-card:nth-child(4){animation-delay:.26s}.features-grid .feature-card:nth-child(5){animation-delay:.33s}.features-grid .feature-card:nth-child(6){animation-delay:.4s}.features-grid .feature-card:nth-child(7){animation-delay:.47s}.features-grid .feature-card:nth-child(8){animation-delay:.54s}.features-grid .feature-card:nth-child(9){animation-delay:.61s}@keyframes featIn{to{opacity:1;transform:translateY(0)}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--gray);aspect-ratio:4/3}.about-image img{width:100%;height:100%;object-fit:cover}.about-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--primary);border-radius:var(--radius);transform:translate(12px,12px);z-index:-1;opacity:.3}.about-content h2{margin-bottom:20px}.about-content p{color:var(--text);margin-bottom:16px;line-height:1.9;font-size:18px}.stats-section{position:relative;background:linear-gradient(135deg,#060f24,#0a1f3f 45%,#0d2350);overflow:hidden;padding:100px 0 110px}.stats-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);pointer-events:none}.stats-bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at 15% 20%,rgba(255,140,0,.16),transparent 60%),radial-gradient(500px circle at 85% 90%,rgba(255,200,50,.1),transparent 60%);pointer-events:none}.stats-header{text-align:center;margin-bottom:60px;position:relative;z-index:1}.stats-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:3px;color:var(--secondary-light);padding:6px 18px;border:1px solid rgba(255,184,0,.35);border-radius:999px;background:#ffb8000f;margin-bottom:18px}.stats-title{font-size:clamp(28px,3.6vw,44px);font-weight:900;color:#fff;margin:0 0 18px;letter-spacing:-.5px}.stats-underline{width:70px;height:4px;margin:0 auto;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;box-shadow:0 0 20px #ff8c0080}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;z-index:1;max-width:1100px;margin:0 auto}.stat-card{position:relative;border-radius:24px;padding:1px;background:linear-gradient(160deg,#ffffff24,#ffffff05 40%,#ff8c002e);transition:transform .5s cubic-bezier(.4,0,.2,1)}.stat-card-inner{position:relative;border-radius:23px;padding:44px 26px 36px;background:linear-gradient(180deg,#0a1937d9,#060f24f2);text-align:center;overflow:hidden;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card-inner:before{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,140,0,.22),transparent 70%);border-radius:50%;opacity:0;transition:opacity .5s ease}.stat-card:hover{transform:translateY(-10px)}.stat-card:hover .stat-card-inner:before{opacity:1}.stat-card.featured .stat-card-inner{background:linear-gradient(180deg,#ff8c0024,#0a1937f2 60%)}.stat-card.featured:after{content:"الأكثر تميزًا";position:absolute;top:14px;left:14px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#0a1f3f;background:linear-gradient(135deg,var(--secondary),var(--primary));padding:4px 10px;border-radius:999px;z-index:2}.stat-icon{width:70px;height:70px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(135deg,#ff8c002e,#ffb80014);border:1px solid rgba(255,184,0,.25);position:relative;transition:transform .5s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px -8px #ff8c0059}.stat-card:hover .stat-icon{transform:scale(1.08) rotate(-6deg);background:linear-gradient(135deg,#ff8c0059,#ffb8002e)}.stat-icon svg{width:30px;height:30px;stroke:var(--secondary-light);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stat-number-wrap{display:flex;align-items:flex-start;justify-content:center;gap:4px;margin-bottom:14px;line-height:1}.stat-number{font-size:clamp(48px,5.5vw,68px);font-weight:900;background:linear-gradient(180deg,#fff 0%,var(--secondary) 60%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:.95;letter-spacing:-2px;font-variant-numeric:tabular-nums}.stat-plus{font-size:clamp(24px,2.2vw,32px);font-weight:900;color:var(--primary);margin-top:6px;text-shadow:0 0 20px rgba(255,140,0,.6)}.stat-label{font-size:18px;color:#fff;font-weight:700;margin-bottom:6px}.stat-sub{font-size:13px;color:#ffffff8c;font-weight:500;letter-spacing:.3px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.product-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition);position:relative}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.product-image{height:240px;background:var(--gray);position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.product-card:hover .product-image img{transform:scale(1.08)}.product-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);padding:4px 14px;border-radius:50px;font-size:12px;font-weight:700}.product-body{padding:24px}.product-body h3{font-size:20px;margin-bottom:8px}.product-body p{font-size:14px;color:var(--text-light);line-height:1.7;margin-bottom:16px}.product-body .price{font-size:18px;font-weight:800;color:var(--primary);margin-bottom:16px}.product-buttons{display:flex;gap:10px;flex-wrap:wrap}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.project-card{position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;background:#0a1f3f;border:1px solid rgba(10,31,63,.08);box-shadow:0 6px 20px -8px #0a1f3f40;aspect-ratio:4 / 3;transition:var(--transition)}.project-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px -12px #0a1f3f73;border-color:#ff8c0059}.project-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-card:hover img{transform:scale(1.08)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,31,63,.9),transparent);display:flex;flex-direction:column;justify-content:flex-start;padding:28px;opacity:0;transition:var(--transition)}.project-card:hover .project-overlay{opacity:1}.project-overlay h3{color:var(--white);font-size:20px;margin-bottom:4px}.project-overlay span{color:var(--secondary);font-size:13px;font-weight:600}#testimonials{position:relative;background:linear-gradient(180deg,#f7f9fc,#eef2f8);overflow:hidden}#testimonials:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(600px circle at 10% 10%,rgba(255,140,0,.06),transparent 60%),radial-gradient(500px circle at 90% 90%,rgba(10,31,63,.06),transparent 60%);pointer-events:none}#testimonials .container{position:relative;z-index:1}.testimonials-slider{overflow:hidden;position:relative;padding:20px 4px 8px}.testimonials-slider:before,.testimonials-slider:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.testimonials-slider:before{right:0;background:linear-gradient(270deg,#eef2f8,transparent)}.testimonials-slider:after{left:0;background:linear-gradient(90deg,#eef2f8,transparent)}.testimonials-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);gap:28px}.testimonial-card{min-width:calc(33.333% - 19px);background:#fff;border-radius:22px;padding:38px 32px 30px;border:1px solid rgba(10,31,63,.06);box-shadow:0 10px 30px -18px #0a1f3f40;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease,border-color .4s ease;flex-shrink:0;position:relative;overflow:hidden}.testimonial-card:before{content:'"';position:absolute;top:-30px;left:20px;font-size:160px;font-family:Georgia,serif;font-weight:900;color:var(--primary);opacity:.08;line-height:1;pointer-events:none}.testimonial-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.4,0,.2,1)}.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px -20px #0a1f3f59;border-color:#ff8c0059}.testimonial-card:hover:after{transform:scaleX(1);transform-origin:left}.testimonial-stars{color:var(--secondary);font-size:18px;letter-spacing:3px;margin-bottom:18px;position:relative;z-index:1}.testimonial-text{font-size:15.5px;color:#334155;line-height:1.9;margin-bottom:26px;font-style:normal;position:relative;z-index:1;min-height:108px}.testimonial-author{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px dashed rgba(10,31,63,.12);position:relative;z-index:1}.testimonial-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:800;font-size:20px;flex-shrink:0;box-shadow:0 6px 16px -6px #ff8c0099;border:3px solid #fff;outline:1px solid rgba(255,140,0,.25)}.testimonial-name{font-weight:800;font-size:16px;color:#0a1f3f}.testimonial-role{font-size:12px;color:var(--primary);font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-top:2px}.slider-controls{display:flex;justify-content:center;gap:12px;margin-top:36px}.slider-btn{width:48px;height:48px;border-radius:50%;background:var(--white);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--dark);transition:var(--transition);cursor:pointer}.slider-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--white)}.cta{background:linear-gradient(135deg,var(--dark) 0%,var(--dark-light) 100%);position:relative;overflow:hidden;padding:80px 0}.cta:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,0,.1),transparent);border-radius:50%}.cta:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,184,0,.08),transparent);border-radius:50%}.cta .container{position:relative;z-index:1;text-align:center}.cta h2{font-size:clamp(28px,4vw,44px);color:var(--white);margin-bottom:16px}.cta p{color:#ffffffb3;max-width:500px;margin:0 auto 32px;font-size:17px}.cta .hero-buttons{justify-content:center}.footer{background:var(--dark);color:#ffffffb3;padding:80px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px}.footer-logo{height:120px;width:120px;margin-bottom:16px;background:#fff;border-radius:50%;padding:14px;object-fit:contain}.footer-about p{font-size:14px;line-height:1.8;margin-bottom:20px}.footer-social{display:flex;gap:10px}.footer-social a{width:40px;height:40px;border-radius:10px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:18px;transition:var(--transition)}.footer-social a:hover{background:var(--primary);color:var(--white);transform:translateY(-3px)}.footer h4{color:var(--white);font-size:18px;margin-bottom:20px}.footer-links li{margin-bottom:12px}.footer-links a{font-size:14px;color:#fff9;display:flex;align-items:center;gap:8px}.footer-links a:hover{color:var(--primary);transform:translate(-4px)}.footer-contact li{display:flex;gap:12px;margin-bottom:16px;font-size:14px;align-items:flex-start}.footer-contact li svg{flex-shrink:0;margin-top:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:24px 0;display:flex;justify-content:space-between;align-items:center;font-size:14px}.float-whatsapp{position:fixed;bottom:100px;left:24px;z-index:999;width:56px;height:56px;border-radius:50%;background:#25d366;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 20px #25d36666;transition:var(--transition)}.float-whatsapp:hover{transform:scale(1.1);box-shadow:0 6px 30px #25d36680}.float-call{position:fixed;bottom:170px;left:24px;z-index:999;width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 15px #ff6b004d;transition:var(--transition)}.float-call:hover{transform:scale(1.1)}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:999;width:48px;height:48px;border-radius:50%;background:var(--dark);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--shadow);transition:var(--transition);opacity:0;visibility:hidden;transform:translateY(20px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--primary);transform:translateY(-4px)}@keyframes pulse{0%{box-shadow:0 4px 20px #25d36666}50%{box-shadow:0 4px 30px #25d36699}to{box-shadow:0 4px 20px #25d36666}}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--white);border-radius:var(--radius-sm);margin-bottom:12px;box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;transition:var(--transition)}.faq-item:hover{border-color:var(--primary)}.faq-question{width:100%;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:700;color:var(--dark);background:transparent;text-align:right;gap:16px}.faq-question svg{flex-shrink:0;transition:var(--transition);color:var(--primary)}.faq-item.active .faq-question svg{transform:rotate(180deg)}.faq-answer{padding:0 24px;max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.faq-item.active .faq-answer{padding:0 32px 24px;max-height:400px}.faq-answer p{font-size:20px;color:var(--text);line-height:1.9}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px}.contact-info{display:flex;flex-direction:column;gap:24px}.contact-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--white);border-radius:var(--radius-sm);box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition)}.contact-card:hover{border-color:var(--primary);transform:translate(-4px)}.contact-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#ff6b001a,#ffb8001a);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;color:var(--primary)}.contact-card h4{font-size:15px;margin-bottom:2px}.contact-card p{font-size:14px;color:var(--text-light)}.contact-form{background:var(--white);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.contact-form h3{margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:700;font-size:14px;margin-bottom:6px;color:var(--dark)}.map-container{margin-top:48px;border-radius:var(--radius);overflow:hidden;height:400px;background:var(--gray)}.page-hero{padding:140px 0 60px;background:linear-gradient(135deg,var(--dark),var(--dark-light));position:relative;overflow:hidden;text-align:center}.page-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,107,0,.08),transparent);border-radius:50%}.page-hero h1{color:var(--white);font-size:clamp(32px,4vw,48px);margin-bottom:12px;position:relative}.page-hero p{color:#ffffffb3;font-size:17px;position:relative}.breadcrumb{display:flex;justify-content:center;gap:8px;margin-bottom:16px;font-size:14px;position:relative}.breadcrumb a{color:#fff9}.breadcrumb a:hover,.breadcrumb span{color:var(--secondary)}.products-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px}.product-detail-image{height:300px}.product-detail-image img{width:100%;height:100%;object-fit:cover}.product-specs{margin:16px 0}.product-specs li{padding:10px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;font-size:14px}.product-specs li span:first-child{font-weight:700;color:var(--dark)}.product-specs li span:last-child{color:var(--text-light)}.product-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.product-gallery img{aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer;transition:var(--transition)}.product-gallery img:hover{opacity:.8}.projects-filter{display:flex;justify-content:center;gap:10px;margin-bottom:36px;flex-wrap:wrap}.filter-btn{padding:10px 24px;border-radius:50px;background:var(--white);border:2px solid var(--border);font-size:14px;font-weight:600;color:var(--text);transition:var(--transition);cursor:pointer}.filter-btn:hover,.filter-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.services-section{padding-top:0}.service-category{margin-bottom:60px}.service-category:last-child{margin-bottom:0}.service-category-title{font-size:clamp(24px,3vw,34px);margin-bottom:32px;text-align:center;position:relative;padding-bottom:16px}.service-category-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:4px}.service-sub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.service-sub-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition)}.service-sub-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.service-sub-img{height:220px;background:var(--gray);overflow:hidden}.service-sub-img img{width:100%;height:100%;object-fit:contain;padding:12px;transition:var(--transition)}.service-sub-card:hover .service-sub-img img{transform:scale(1.08)}.service-sub-body{padding:24px}.service-sub-body h3{font-size:18px;margin-bottom:8px}.service-sub-body p{font-size:14px;color:var(--text-light);line-height:1.8}.service-wide{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition)}.service-wide:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.service-wide-img{height:300px;background:var(--gray);overflow:hidden}.service-wide-img img{width:100%;height:100%;object-fit:contain;padding:16px;transition:var(--transition)}.service-wide:hover .service-wide-img img{transform:scale(1.05)}.service-wide-body{padding:32px}.service-wide-body h3{font-size:22px;margin-bottom:12px}.service-wide-body p{font-size:15px;color:var(--text-light);line-height:1.8;margin-bottom:16px}@media (max-width: 768px){.service-wide{grid-template-columns:1fr}.service-wide-img{height:220px}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition);padding:40px}.lightbox.active{opacity:1;visibility:visible}.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:20px;left:20px;width:48px;height:48px;border-radius:50%;background:#ffffff1a;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:var(--transition)}.lightbox-close:hover{background:#fff3}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition);padding:20px}.modal.active{opacity:1;visibility:visible}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--white);border-radius:var(--radius);padding:40px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);transform:scale(.9);transition:var(--transition)}.modal.active .modal-content{transform:scale(1)}.modal-close{position:absolute;top:16px;left:16px;width:36px;height:36px;border-radius:50%;background:var(--gray);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:var(--transition)}.modal-close:hover{background:#f44;color:var(--white)}.modal h3{margin-bottom:8px}.modal p{color:var(--text-light);margin-bottom:24px;font-size:14px}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.value-card{text-align:center;padding:32px 20px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition)}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.value-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#ff6b001a,#ffb8001a);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:26px;color:var(--primary)}.value-card h4{font-size:18px;margin-bottom:8px}.value-card p{font-size:14px;color:var(--text-light);line-height:1.7}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.team-card{text-align:center;padding:28px 16px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition)}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.team-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--gray-dark),var(--gray));margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text-light)}.team-card h4{font-size:16px;margin-bottom:4px}.team-card span{font-size:13px;color:var(--text-light)}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.vision-box,.mission-box{padding:40px 36px;border-radius:var(--radius);position:relative}.vision-box{background:linear-gradient(135deg,var(--dark),var(--dark-light));color:var(--white)}.mission-box{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white)}.vision-box h3,.mission-box h3{color:var(--white);font-size:24px;margin-bottom:12px;display:flex;align-items:center;gap:10px}.vision-box p,.mission-box p{opacity:.85;line-height:1.8;font-size:15px}[data-aos]{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}[data-aos].aos-animate{opacity:1;transform:translateY(0)}[data-aos=fade-up]{transform:translateY(30px)}[data-aos=fade-up].aos-animate{transform:translateY(0)}[data-aos=fade-left]{transform:translate(30px)}[data-aos=fade-left].aos-animate{transform:translate(0)}[data-aos=fade-right]{transform:translate(-30px)}[data-aos=fade-right].aos-animate{transform:translate(0)}[data-aos=zoom-in]{transform:scale(.9)}[data-aos=zoom-in].aos-animate{transform:scale(1)}[data-aos=fade-up].aos-delay-1{transition-delay:.1s}[data-aos=fade-up].aos-delay-2{transition-delay:.2s}[data-aos=fade-up].aos-delay-3{transition-delay:.3s}[data-aos=fade-up].aos-delay-4{transition-delay:.4s}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr}.vision-grid{grid-template-columns:1fr}.testimonial-card{min-width:calc(50% - 12px)}}@media (max-width: 768px){.menu-toggle{display:flex}.nav{position:fixed;top:80px;right:-100%;width:300px;height:calc(100vh - 76px);background:var(--white);flex-direction:column;padding:24px;gap:4px;box-shadow:-10px 0 30px #0000001a;transition:var(--transition);align-items:stretch}.nav.active{right:0}.nav a{padding:12px 16px;font-size:16px;border-radius:10px}.nav a:after{display:none}.nav .btn{margin-right:0;margin-top:8px}.nav-dropdown>a:after{display:none}.dropdown-menu{position:static;box-shadow:none;border:none;padding:0 16px;opacity:1;visibility:visible;transform:none;display:none;background:transparent}.nav-dropdown.active .dropdown-menu{display:block}.dropdown-menu a{padding:10px 16px;font-size:14px}.about-grid{grid-template-columns:1fr;gap:36px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:100%}.contact-grid,.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.testimonial-card{min-width:100%}.product-gallery{grid-template-columns:repeat(2,1fr)}.hero{min-height:auto;padding:80px 0 0;display:block}.hero-slides{position:relative;height:auto}.hero-slide{position:relative;width:100%;height:auto;object-fit:contain}.hero .container{padding-top:24px;padding-bottom:24px;background:var(--dark)}.hero-content{max-width:100%}.hero-badge{font-size:13px;padding:6px 16px;margin-bottom:14px}.hero h1{font-size:28px;margin-bottom:6px;text-shadow:none}.hero .hero-sub{font-size:18px;margin-bottom:12px;text-shadow:none}.hero p{font-size:15px;line-height:1.7;margin-bottom:20px;text-shadow:none}.hero-buttons{flex-direction:column;gap:12px}.hero-buttons .btn{width:100%;justify-content:center}.hero-shape{display:none}.section{padding:60px 0}.page-hero{padding:120px 0 40px}.stat-card{padding:24px 16px}.cta .hero-buttons{flex-direction:column;align-items:center}.float-whatsapp{width:48px;height:48px;font-size:22px;bottom:80px;left:16px}.float-call{width:48px;height:48px;font-size:22px;bottom:140px;left:16px}.back-to-top{width:42px;height:42px;font-size:18px;bottom:16px;left:16px;right:auto}.project-overlay{opacity:1;background:linear-gradient(to top,rgba(10,31,63,.85),transparent 70%)}}@media (max-width: 480px){.products-page-grid,.projects-grid,.features-grid,.products-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-width:100%}.stat-number{font-size:30px}.modal-content{padding:24px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-aos]{opacity:1;transform:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.auth-buttons,.user-menu{display:flex;align-items:center;gap:8px}.auth-buttons .btn,.user-menu .btn{white-space:nowrap;font-size:13px;padding:8px 18px;border:2px solid var(--border);border-radius:50px;font-weight:700;transition:var(--transition);text-decoration:none}.btn-auth-login{background:#ff6b001a;color:var(--primary);border-color:var(--primary)}.btn-auth-login:hover{background:var(--primary)!important;color:var(--white)!important;border-color:var(--primary)}.btn-auth-signup{background:var(--primary);color:var(--white)!important;border-color:var(--primary)}.btn-auth-signup:hover{background:#e55a00!important;border-color:#e55a00;color:var(--white)!important}.btn-dashboard{background:#ff6b001a;color:var(--primary)}.btn-dashboard:hover{background:var(--primary)!important;color:var(--white)!important}.btn-logout{background:#ff64641a;color:#ff6b6b}.btn-logout:hover{background:#f44!important;color:var(--white)!important}@media (max-width: 768px){.auth-buttons,.user-menu{width:100%;justify-content:center;padding:8px 0}.auth-buttons .btn,.user-menu .btn{flex:1;text-align:center;justify-content:center}}.contact-page{background:linear-gradient(180deg,#f0f9ff,#fff 60%);padding-top:70px;padding-bottom:90px}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:-110px;margin-bottom:70px;position:relative;z-index:5}.contact-card{background:#fff;border-radius:20px;padding:36px 28px;text-align:center;text-decoration:none;color:#0c4a6e;border:1px solid #e0f2fe;box-shadow:0 10px 40px -12px #0284c726;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0284c7,#38bdf8);transform:scaleX(0);transform-origin:right;transition:transform .4s ease}.contact-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px -15px #0284c74d;border-color:#bae6fd}.contact-card:hover:before{transform:scaleX(1)}.contact-card-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0284c7;margin-bottom:6px;transition:transform .35s ease}.contact-card:hover .contact-card-icon{transform:scale(1.08) rotate(-4deg)}.contact-card-featured .contact-card-icon{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 8px 20px -6px #0284c780}.contact-card h4{font-size:20px;font-weight:800;color:#0c4a6e;margin:4px 0}.contact-card p{font-size:15px;color:#475569;margin:2px 0;line-height:1.7}.contact-card-cta{margin-top:14px;font-size:14px;font-weight:700;color:#0284c7;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.contact-card:hover .contact-card-cta{opacity:1;transform:translateY(0)}.contact-form-wrap{max-width:920px;margin:0 auto;background:#fff;border-radius:24px;padding:56px 48px;box-shadow:0 25px 60px -20px #0c4a6e2e;border:1px solid #e0f2fe}.contact-form-header{text-align:center;margin-bottom:36px}.contact-form-header .section-badge{background:#e0f2fe;color:#0284c7;display:inline-block}.contact-form-header .section-title{color:#0c4a6e;margin:12px 0 8px}.contact-form-header .section-subtitle{color:#64748b}.contact-form-wide .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.contact-form-wide .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.contact-form-wide .form-row .form-group{margin-bottom:0}.contact-form-wide label{font-size:14px;font-weight:700;color:#0c4a6e}.contact-form-wide input,.contact-form-wide select,.contact-form-wide textarea{width:100%;padding:14px 16px;border:1.5px solid #e0f2fe;border-radius:12px;background:#f8fbfd;font-size:15px;font-family:inherit;color:#0f172a;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.contact-form-wide input:focus,.contact-form-wide select:focus,.contact-form-wide textarea:focus{outline:none;border-color:#0284c7;background:#fff;box-shadow:0 0 0 4px #0284c71f}.contact-form-wide textarea{resize:vertical;min-height:140px}.contact-submit-btn{width:100%;justify-content:center;padding:16px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#0284c7,#0369a1)!important;border:none;gap:10px;margin-top:8px;box-shadow:0 12px 30px -8px #0284c773;transition:transform .2s ease,box-shadow .2s ease}.contact-submit-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px -10px #0284c78c}@media (max-width: 900px){.contact-cards{grid-template-columns:1fr;margin-top:-60px;margin-bottom:50px}.contact-form-wrap{padding:36px 22px;border-radius:20px}.contact-form-wide .form-row{grid-template-columns:1fr;gap:0}.contact-form-wide .form-row .form-group{margin-bottom:20px}}.gallery-hero-pro{position:relative;min-height:340px;display:flex;align-items:center;background:linear-gradient(135deg,#0c2340,#1a4a6e 60%,#2d8a9e);color:#fff;overflow:hidden}.gallery-hero-pro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.08) 0,transparent 40%),radial-gradient(circle at 85% 80%,rgba(45,138,158,.25) 0,transparent 45%)}.gallery-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 80% at 80% 20%,rgba(45,138,158,.35),transparent 60%),linear-gradient(180deg,#0c23408c,#0c2340d9)}.gallery-hero-content{position:relative;z-index:2;padding:90px 0 70px;text-align:center}.gallery-crumbs{display:inline-flex;gap:8px;font-size:14px;opacity:.85;margin-bottom:14px}.gallery-crumbs a{color:#cfe9f5;text-decoration:none}.gallery-crumbs a:hover{color:#fff}.gallery-hero-content h1{font-size:clamp(30px,4vw,46px);margin:0 0 10px;letter-spacing:-.5px}.gallery-hero-content p{max-width:640px;margin:0 auto;opacity:.9;font-size:17px}.gallery-section-pro{padding:60px 0 80px;background:#f7fafc}.gallery-filters-pro{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px}.gallery-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#334155;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease}.gallery-chip:hover{border-color:#2d8a9e;color:#0c2340;transform:translateY(-1px)}.gallery-chip.is-active{background:linear-gradient(135deg,#0c2340,#1a4a6e);color:#fff;border-color:transparent;box-shadow:0 10px 24px -12px #0c234080}.gallery-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#00000014;font-size:12px;font-weight:700}.gallery-chip.is-active .gallery-chip-count{background:#fff3}.gallery-grid-pro{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:16px}.gallery-card-pro{position:relative;overflow:hidden;border-radius:14px;padding:10px;cursor:pointer;background:#fff;border:1px solid rgba(12,35,64,.08);box-shadow:0 10px 26px -16px #0f172a59,inset 0 0 0 1px #fff9;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.gallery-card-pro:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:6px;box-shadow:inset 0 0 0 1px #0c234026;pointer-events:none;z-index:2}.gallery-card-pro.span-lg{grid-column:span 2;grid-row:span 2}.gallery-card-pro.span-sm{grid-column:span 1;grid-row:span 1}.gallery-card-pro img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px;transition:transform .6s ease}.gallery-card-pro:hover{transform:translateY(-6px);box-shadow:0 26px 46px -22px #0c234080;border-color:#ff8c0066}.gallery-card-pro:hover img{transform:scale(1.06)}.gallery-card-overlay{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:6px;padding:18px;display:flex;flex-direction:column;justify-content:flex-start;text-align:right;color:#fff;background:linear-gradient(180deg,#0000 40%,#0c2340d9);opacity:0;transition:opacity .3s ease;z-index:3}.gallery-card-pro:hover .gallery-card-overlay{opacity:1}.gallery-card-cat{display:inline-block;align-self:flex-end;padding:4px 10px;margin-bottom:8px;background:#2d8a9ee6;border-radius:999px;font-size:12px;font-weight:700}.gallery-card-overlay h3{margin:0;font-size:16px;font-weight:700}.gallery-card-zoom{position:absolute;top:20px;left:20px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:#ffffffeb;color:#0c2340;border-radius:50%;font-size:18px;font-weight:700;z-index:4}.gallery-empty{text-align:center;color:#64748b;padding:40px 0}.gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#040f1ee6;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-lightbox figure{margin:0;max-width:1100px;width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #00000080}.gallery-lightbox img{width:100%;max-height:78vh;object-fit:contain;background:#0c2340;display:block}.gallery-lightbox figcaption{padding:16px 20px;text-align:center;font-weight:700;color:#0c2340}.gallery-lightbox-close{position:absolute;top:18px;left:18px;width:44px;height:44px;border-radius:50%;background:#fff;color:#0c2340;border:0;font-size:24px;cursor:pointer;box-shadow:0 6px 20px #0000004d}@media (max-width: 1024px){.gallery-grid-pro{grid-template-columns:repeat(3,1fr);grid-auto-rows:200px}.gallery-card-pro.span-lg{grid-column:span 2;grid-row:span 2}}@media (max-width: 640px){.gallery-grid-pro{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px;gap:12px}.gallery-card-pro.span-lg{grid-column:span 2;grid-row:span 2}.gallery-card-pro.span-sm{grid-column:span 1;grid-row:span 1}.gallery-card-overlay{opacity:1;background:linear-gradient(180deg,#0000 50%,#0c2340e6)}}.blog-card .blog-frame{padding:10px;background:var(--white);height:auto;aspect-ratio:4 / 3;border-radius:calc(var(--radius) - 2px)}.blog-card .blog-frame:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(0,0,0,.06);border-radius:10px;pointer-events:none;z-index:2}.blog-card .blog-frame img{border-radius:8px;box-shadow:0 4px 14px #00000014}.hero-pro{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;padding-top:80px;font-family:Cairo,Tajawal,sans-serif;background:#000}.hero-pro-slides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-pro-slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transform:scale(1.05);transition:opacity 1.2s ease,transform 6s ease}.hero-pro-slide.is-active{opacity:1;transform:scale(1)}.hero-pro-dots{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:10px}.hero-pro-dot{width:34px;height:4px;border-radius:4px;background:#ffffff59;border:0;padding:0;cursor:pointer;transition:background .3s ease,width .3s ease}.hero-pro-dot.is-active{background:#ff8533;width:52px}.hero-pro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(270deg,#000c,#0009 40%,#0000004d 75%,#00000026);z-index:1}.hero-pro-container{position:relative;z-index:2;display:flex;justify-content:flex-start;width:100%}.hero-pro-content{max-width:50%;text-align:right;color:#fff;animation:heroFadeIn .9s ease-out both}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-pro-badge{display:inline-block;background:#ff6b002e;border:1px solid rgba(255,184,0,.6);color:#ffb800;padding:10px 22px;border-radius:999px;font-size:15px;font-weight:700;margin-bottom:22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-pro-title{font-family:Cairo,sans-serif;font-size:clamp(44px,6vw,84px);font-weight:900;line-height:1.05;margin:0 0 18px;color:#fff;letter-spacing:-.5px;text-shadow:0 4px 24px rgba(0,0,0,.55)}.hero-pro-sub{font-size:clamp(18px,1.9vw,26px);font-weight:700;color:#ff8533;line-height:1.5;margin:0 0 20px;text-shadow:0 2px 12px rgba(0,0,0,.5)}.hero-pro-desc{font-size:clamp(15px,1.15vw,18px);color:#fffffff2;line-height:2;margin:0;text-shadow:0 1px 8px rgba(0,0,0,.5)}@media (max-width: 900px){.hero-pro{min-height:100vh;padding-top:90px}.hero-pro-overlay{background:linear-gradient(180deg,#00000080,#000000b3)}.hero-pro-container{justify-content:center;align-items:center}.hero-pro-content{max-width:92%;text-align:center;padding:20px 0}.hero-pro-title{font-size:clamp(34px,9vw,52px)}.hero-pro-sub{font-size:clamp(16px,4.5vw,20px)}.hero-pro-desc{font-size:15px;line-height:1.9}}