:root{--primary:#0A2540;--secondary:#106A2F;--accent:#FF6B6B;--bg:#F8F9FA;--text:#2D3748;--text-light:#5A6A85;--white:#FFFFFF;--shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--radius:12px;--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Tajawal,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;padding-bottom:70px}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}header{background:var(--white);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000;padding:15px 0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:800;color:var(--primary);display:flex;align-items:center;gap:10px}.header-nav{display:none}@media (min-width:768px){.header-nav{display:flex;gap:20px}.header-nav a{font-weight:500;transition:var(--transition)}.header-nav a:hover{color:var(--secondary)}}.header-phone{display:none}@media (min-width:768px){.header-phone{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--primary)}}.hero{position:relative;padding:80px 0;color:var(--white);text-align:center;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(10,37,64,.85);z-index:-1}.hero h1{font-size:2.5rem;margin-bottom:20px;font-weight:800}.hero p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.hero-btns{display:flex;flex-direction:column;gap:15px;align-items:center}@media (min-width:768px){.hero-btns{flex-direction:row;justify-content:center}.hero h1{font-size:3.5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 30px;border-radius:var(--radius);font-weight:700;font-size:1.1rem;transition:var(--transition);cursor:pointer;border:none;min-width:200px}.btn.primary{background:var(--primary);color:var(--white)}.btn.primary:hover{background:#061729;transform:translateY(-2px)}.btn.secondary{background:var(--secondary);color:var(--white)}.btn.secondary:hover{background:#1eab51;transform:translateY(-2px)}.stats{padding:40px 0;background:var(--white);margin-top:-30px;border-radius:var(--radius);box-shadow:var(--shadow);position:relative;z-index:10}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;text-align:center}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-num{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:5px}.stat-item p{color:var(--text-light);font-weight:500}section{padding:60px 0}.section-title{text-align:center;font-size:2rem;color:var(--primary);margin-bottom:40px;position:relative}.section-title::after{content:'';display:block;width:60px;height:4px;background:var(--secondary);margin:10px auto 0;border-radius:2px}.services-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{background:var(--white);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:var(--transition)}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.service-icon{font-size:3rem;margin-bottom:15px}.service-card h3{color:var(--primary);margin-bottom:10px}.service-card p{color:var(--text-light)}.steps-container{display:flex;flex-direction:column;gap:30px}@media (min-width:768px){.steps-container{flex-direction:row;justify-content:space-between}}.step{text-align:center;flex:1;position:relative}.step-num{width:60px;height:60px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;margin:0 auto 15px}.gallery{display:grid;grid-template-columns:1fr;gap:15px}@media (min-width:768px){.gallery{grid-template-columns:repeat(2,1fr)}}.gallery img{border-radius:var(--radius);object-fit:cover;height:250px;width:100%}.reviews-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:768px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.reviews-grid{grid-template-columns:repeat(3,1fr)}}.review-card{background:var(--white);padding:25px;border-radius:var(--radius);box-shadow:var(--shadow)}.stars{color:gold;margin-bottom:10px}.review-text{font-style:italic;margin-bottom:15px;color:var(--text)}.review-author{font-weight:700;color:var(--primary)}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:var(--white);margin-bottom:15px;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.faq-q{padding:20px;font-weight:700;color:var(--primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-a{padding:0 20px 20px;color:var(--text-light);display:none}.faq-item.active .faq-a{display:block}.page-header{background:var(--primary);color:var(--white);padding:60px 0;text-align:center}.page-header h1{font-size:2.5rem}.content-area{background:var(--white);padding:40px;border-radius:var(--radius);box-shadow:var(--shadow);margin-top:-30px;position:relative;z-index:10}.content-area h2{color:var(--primary);margin:30px 0 15px}.content-area p{margin-bottom:15px;font-size:1.1rem}.cta-box{background:var(--bg);padding:30px;border-radius:var(--radius);text-align:center;margin-top:40px}.floating-bar{position:fixed;bottom:0;left:0;width:100%;background:var(--white);box-shadow:0 -2px 10px rgba(0,0,0,.1);display:flex;z-index:1000}.floating-bar a{flex:1;text-align:center;padding:15px;font-weight:700;font-size:1.1rem;color:var(--white);display:flex;justify-content:center;align-items:center;gap:8px}.float-call{background:var(--primary)}.float-wa{background:var(--secondary)}@media (min-width:768px){.floating-bar{display:none}body{padding-bottom:0}}footer{background:var(--primary);color:var(--white);padding:60px 0 20px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:40px}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-col h3{font-size:1.2rem;margin-bottom:20px;color:var(--secondary)}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col a{color:rgba(255,255,255,.8);transition:var(--transition)}.footer-col a:hover{color:var(--white);padding-right:5px}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6)}.footer-bottom a{color:var(--secondary)}