:root{--primary: #000000;--primary-dark: #333333;--primary-light: #F3F4F6;--secondary: #0F172A;--accent: #000000;--white: #FFFFFF;--bg-gray: #F8FAFC;--card-bg: #FFFFFF;--border: #E2E8F0;--text-main: #334155;--text-muted: #64748B;--radius: 1rem;--font-family: "IBM Plex Sans Arabic", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-gray);background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:40px 40px;color:var(--text-main);line-height:1.6;direction:rtl;overflow-x:hidden}.container{width:90%;max-width:1200px;margin:0 auto}.header{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;padding:.75rem 0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--secondary);font-weight:800;font-size:1.5rem}.logo-icon{background:var(--primary);color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-link{text-decoration:none;color:var(--text-main);font-weight:600;transition:.3s}.nav-link:hover{color:var(--primary)}.mobile-toggle{display:none;background:none;border:none;padding:10px;cursor:pointer}.mobile-toggle span{display:block;width:22px;height:2px;background:var(--secondary);margin:5px 0;transition:.3s}.hero{padding:4rem 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;position:relative}.hero-grid:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.05) 0%,rgba(255,255,255,0) 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.badges{display:flex;gap:.75rem;margin-bottom:1.5rem}.badge{background:var(--primary-light);color:var(--primary);padding:.4rem 1rem;border-radius:2rem;font-weight:700;font-size:.8rem;border:1px solid transparent}.text-gradient{background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1{font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem;color:var(--secondary)}.highlight{color:var(--primary)}p.subheadline{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem}.hero-actions{display:flex;gap:1rem}.hero-svg-main{width:100%;max-width:400px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.05))}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.float-slow{animation:floatY 6s ease-in-out infinite}.float-medium{animation:floatY 4s ease-in-out infinite}.float-fast{animation:floatY 3s ease-in-out infinite}.section{padding:5rem 0}.section-header{text-align:center;margin-bottom:5rem}.section-header h2{font-size:2.25rem;color:var(--secondary);margin-bottom:1rem}.bg-white{background:var(--white)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.step-card{background:transparent;padding:2rem 0;border-top:2px solid #E2E8F0;text-align:right;transition:.3s ease;position:relative;display:flex;flex-direction:column;align-items:flex-start}.step-card:hover{border-color:#000;transform:translateY(-5px)}.step-number{font-size:3rem;font-weight:800;color:#e2e8f0;line-height:1;margin-bottom:1rem;transition:color .3s}.step-card:hover .step-number{color:#000}.step-icon{width:48px;height:48px;background:#F8FAFC;color:#000;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:1px solid #E2E8F0}.step-card h3{font-size:1.35rem;font-weight:700;margin-bottom:.75rem;color:#0f172a}.step-card p{color:#475569;font-size:1rem;line-height:1.7}.max-w-lg{max-width:500px;margin:0 auto}.contact-form-styled{background:var(--card-bg);padding:2.5rem;border-radius:var(--radius);box-shadow:0 4px 20px #0000001a;border:1px solid var(--border)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;font-size:.9rem;color:var(--text-muted)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:1.5px solid var(--border);border-radius:.75rem;font-family:inherit;font-size:1rem;transition:.3s;background:white;color:var(--text-main);appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.grid-2{grid-template-columns:1fr}}.select-wrapper{position:relative}.select-arrow{position:absolute;left:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:120px}.btn{padding:.85rem 2.2rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease;border:2px solid transparent;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:1rem;letter-spacing:-.01em}.btn-primary{background:#000000;color:#fff;border-color:#000}.btn-primary:hover{background:#333333;border-color:#333;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-outline{background:transparent;border:2px solid #000000;color:#000}.btn-outline:hover{background:#000000;color:#fff}.btn-lg{padding:1rem 2.5rem;font-size:1.1rem}.w-full{width:100%}.hidden{display:none!important}.fade-in{opacity:0;transform:translateY(20px);transition:.8s}.fade-in-up{opacity:0;transform:translateY(40px);transition:1s}.visible{opacity:1;transform:translateY(0)}.success-box{text-align:center;padding:3rem;background:var(--primary-light);border-radius:var(--radius);border:2px solid var(--primary)}.success-icon-big{font-size:3.5rem;color:var(--primary);margin-bottom:1rem}.btn-text{background:none;border:none;color:var(--primary);text-decoration:underline;cursor:pointer;font-family:inherit;font-weight:700;margin-top:1rem}.footer{padding:4rem 0 2rem;background:#000;color:#94a3b8;border-top:1px solid var(--border);margin-top:auto}.footer-content{display:grid;grid-template-columns:1fr auto;gap:2rem;margin-bottom:3rem;align-items:start}.footer-brand h3{color:#fff;font-size:1.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.footer-brand p{max-width:300px;font-size:.95rem;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:1rem}.footer-link{color:#cbd5e1;text-decoration:none;transition:.2s;display:flex;align-items:center;gap:.75rem;font-size:.95rem}.footer-link:hover{color:#fff}.footer-bottom{border-top:1px solid #1E293B;padding-top:2rem;text-align:center;font-size:.9rem;color:#64748b;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-brand p{margin:0 auto}.footer-links{align-items:center}.footer-bottom{flex-direction:column;gap:1rem}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem}.feature-card{background:var(--card-bg);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease;text-align:center;color:var(--text-main)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px -5px #0000001a;border-color:var(--primary)}.feature-icon-wrapper{width:50px;height:50px;background:var(--primary-light);color:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.feature-card h4{margin-bottom:.5rem;font-size:1.1rem;color:var(--text-main)}.feature-card p{font-size:.95rem;color:var(--text-muted)}@media (max-width: 900px){.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:white;flex-direction:column;padding:2rem;box-shadow:0 10px 20px #0000001a;gap:1.5rem;border-bottom:1px solid var(--border)}.nav-menu.active{display:flex}.mobile-toggle{display:block}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-visual{order:-1}.hero-actions{flex-direction:column}h1{font-size:2.5rem}.step-grid{grid-template-columns:1fr}.desktop-only{display:none}}.whatsapp-float{position:fixed;width:60px;height:60px;bottom:2rem;left:2rem;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;font-size:30px;box-shadow:0 4px 10px #0000004d;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.whatsapp-float:hover{transform:scale(1.1);background-color:#20ba5a}.back-to-top{position:fixed;bottom:2rem;right:2rem;background:var(--primary);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 4px 15px #0003;cursor:pointer;opacity:0;visibility:hidden;transition:.3s;z-index:1000}.back-to-top.visible{opacity:1;visibility:visible}.ramadan-badge{background-color:#fef9c3!important;color:#854d0e!important;border:1px solid #FDE047!important}.ramadan-effect svg{color:#facc15;fill:currentColor;animation:sway 3s ease-in-out infinite alternate}@keyframes sway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.ramadan-lantern{position:fixed;top:0;right:5%;width:50px;height:auto;z-index:1001;animation:swing 3s ease-in-out infinite alternate;transform-origin:top center;filter:drop-shadow(0 10px 10px rgba(253,224,71,.4))}@keyframes swing{0%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}@media (max-width: 768px){.ramadan-lantern{width:30px;right:20px}}.footer{position:relative;border-top:4px solid #D4AF37}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 50% 50%,transparent 0%,transparent 60%,rgba(212,175,55,.03) 60%,rgba(212,175,55,.03) 100%),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(212,175,55,.02) 10px,rgba(212,175,55,.02) 11px);pointer-events:none;z-index:-1}.btn-primary:hover{box-shadow:0 0 15px #d4af3766;border-color:#d4af37}.feature-card:hover{border-color:#d4af37}::-webkit-scrollbar-thumb{background:#D4AF37;border-radius:4px}::-webkit-scrollbar-track{background:#f1f1f1}.ramadan-badge{animation:pulse-gold 2s infinite}@keyframes pulse-gold{0%{box-shadow:0 0 #fde047b3}70%{box-shadow:0 0 0 6px #fde04700}to{box-shadow:0 0 #fde04700}}::selection{background:#FDE047;color:#000}.whatsapp-float{background:linear-gradient(135deg,#25d366 0%,#059669 100%);border:2px solid #FDE047}.whatsapp-float:hover{box-shadow:0 0 20px #fde04799}.footer-mosque-bg{position:absolute;bottom:100%;left:0;width:100%;height:120px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%230f172a' fill-opacity='1' d='M0,288L48,272C96,256,192,224,288,197.3C384,171,480,149,576,165.3C672,181,768,235,864,250.7C960,267,1056,245,1152,224C1248,203,1344,181,1392,170.7L1440,160V320H1392C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320H0Z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;background-position:bottom;opacity:.1;z-index:-1;pointer-events:none}.islamic-divider{display:flex;align-items:center;justify-content:center;margin:4rem 0;color:#d4af37;opacity:.8;position:relative;height:20px}.islamic-divider:before,.islamic-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#D4AF37,transparent);margin:0 1rem}.islamic-divider span{font-size:1.5rem;color:#d4af37}.feature-card{position:relative;overflow:hidden}.feature-card:after{content:"★";position:absolute;top:-10px;left:-10px;font-size:4rem;color:#fde0471a;transform:rotate(-15deg);pointer-events:none;transition:.3s}.feature-card:hover:after{transform:rotate(15deg) scale(1.2);color:#fde04733}h1{position:relative;display:inline-block}h1:after{content:"☾";position:absolute;top:-20px;right:-20px;font-size:2rem;color:#fde047;transform:rotate(-30deg);opacity:.8;animation:float-crescent 4s ease-in-out infinite}@keyframes float-crescent{0%,to{transform:rotate(-30deg) translateY(0)}50%{transform:rotate(-25deg) translateY(-10px)}}