:root{--g1: #0a4a35;--g2: #0f6a4f;--g3: #1a8a68;--g4: #25a882;--g5: #e8f5f0;--g6: #d0ede3;--mint: #f4f9f6;--gold: #c9962a;--gold2: #f0c050;--gold-bg: #fdf6e3;--white: #ffffff;--text: #0d2b1e;--text2: #2d5040;--muted: #6b8c7a;--border: #dceee6;--card-shadow: 0 2px 20px rgba(10, 74, 53, .07);--card-shadow-hover: 0 10px 40px rgba(10, 74, 53, .14);--radius: 18px;--radius-sm: 12px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:var(--mint);color:var(--text);line-height:1.6}#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;transition:all .35s ease;background:transparent}#navbar.scrolled{background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border),0 4px 30px #0a4a350f;padding:10px 5%}.nav-logo{display:flex;align-items:center;gap:10px;cursor:pointer}.nav-logo-mark{width:38px;height:38px;background:linear-gradient(140deg,var(--g2),var(--g4));border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 14px #0f6a4f4d;flex-shrink:0}.nav-logo-text{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700;color:var(--white);transition:color .3s;line-height:1.1}.nav-logo-sub{font-size:10px;font-weight:400;opacity:.65;display:block;letter-spacing:.5px}#navbar.scrolled .nav-logo-text{color:var(--g1)}.nav-links{display:flex;align-items:center;gap:6px;list-style:none}.nav-links a{padding:8px 14px;font-size:14px;font-weight:500;color:#fffc;text-decoration:none;border-radius:10px;transition:all .2s}#navbar.scrolled .nav-links a{color:var(--muted)}.nav-links a:hover,.nav-links a.active{background:#ffffff1f;color:#fff}#navbar.scrolled .nav-links a:hover,#navbar.scrolled .nav-links a.active{background:var(--g5);color:var(--g2)}.nav-dl{background:var(--gold2)!important;color:var(--g1)!important;font-weight:700!important;padding:9px 20px!important;box-shadow:0 4px 16px #c9962a66}.nav-dl:hover{transform:translateY(-1px);box-shadow:0 8px 24px #c9962a80!important}.nav-hamburger{display:none;background:#ffffff26;border:none;border-radius:10px;padding:8px;cursor:pointer;flex-direction:column;gap:5px}.nav-hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s}#navbar.scrolled .nav-hamburger{background:var(--g5)}#navbar.scrolled .nav-hamburger span{background:var(--g2)}.page{display:none}.page.active{display:block}.page-hero{background:linear-gradient(155deg,var(--g1) 0%,#0d5e45 45%,var(--g3) 100%);padding:120px 5% 70px;position:relative;overflow:hidden;text-align:center}.page-hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg fill='none' stroke='%23fff' stroke-width='0.5'%3E%3Cpolygon points='50,8 60,30 84,30 66,46 72,68 50,56 28,68 34,46 16,30 40,30' opacity='0.07'/%3E%3Ccircle cx='50' cy='50' r='40' opacity='0.03'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px}.page-hero-tag{display:inline-block;background:#f0c0502e;border:1px solid rgba(240,192,80,.3);color:var(--gold2);padding:5px 16px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px;position:relative}.page-hero h1{font-family:Cormorant Garamond,serif;font-size:clamp(34px,5vw,62px);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:16px;position:relative}.page-hero p{font-size:17px;color:#ffffffa6;font-weight:300;max-width:560px;margin:0 auto;position:relative}.mosque-bottom{width:100%;height:80px;display:block;position:relative;z-index:1}.section{padding:80px 5%}@media(max-width:991px){#navbar .nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--white);flex-direction:column;padding:80px 24px;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:-10px 0 30px #0000001a;gap:10px;z-index:999;display:flex!important}#navbar.mobile-open .nav-links{right:0}.nav-links li{width:100%}.nav-links a{color:var(--text)!important;width:100%;padding:12px 20px;font-size:16px;display:block}.nav-hamburger{display:flex!important;z-index:1000}.nav-hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal.visible{animation:fadeInUp .8s ease forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section-inner{max-width:1160px;margin:0 auto}.section-header{text-align:center;margin-bottom:56px}.section-tag{display:inline-flex;align-items:center;gap:8px;background:#0f6a4f17;border:1px solid rgba(15,106,79,.14);color:var(--g2);padding:5px 16px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.section-tag:before{content:"";width:5px;height:5px;background:var(--gold);border-radius:50%}.section-title{font-family:Cormorant Garamond,serif;font-size:clamp(28px,3.5vw,46px);font-weight:700;color:var(--text);line-height:1.15;margin-bottom:14px;letter-spacing:-.5px}.section-sub{font-size:16px;color:var(--muted);font-weight:300;max-width:520px;margin:0 auto}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--card-shadow);transition:all .3s ease;border:1.5px solid transparent}.card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover);border-color:var(--border)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.home-hero{min-height:100vh;background:linear-gradient(150deg,#030d08,#061e14 20%,#0a3828 50%,#0f6040,#176b4a);display:flex;align-items:center;padding:120px 5% 0;position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg fill='none' stroke='%23fff' stroke-width='0.5'%3E%3Cpolygon points='50,8 60,30 84,30 66,46 72,68 50,56 28,68 34,46 16,30 40,30' opacity='0.06'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px}.hero-glow{position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(37,168,130,.18) 0%,rgba(15,106,79,.06) 55%,transparent 72%);right:-180px;top:35%;pointer-events:none}.hero-glow2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(201,150,42,.14) 0%,transparent 65%);left:10%;top:-10%;pointer-events:none}.home-hero-inner{position:relative;z-index:2;max-width:1160px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding-bottom:80px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);color:var(--gold2);padding:7px 16px;border-radius:100px;font-size:12px;font-weight:600;margin-bottom:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fadeUp .7s ease both}.hero-tajweed-chip{display:inline-flex;align-items:center;gap:8px;background:#f0c0501a;border:1px solid rgba(240,192,80,.25);color:var(--gold2);padding:7px 16px;border-radius:100px;margin-left:12px;font-size:11.5px;font-weight:600;text-decoration:none;margin-bottom:16px;transition:all .25s;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:.2px;animation:fadeUp .7s .05s ease both}.hero-tajweed-chip:hover{background:#f0c0502e;border-color:#f0c05066;transform:translateY(-1px);box-shadow:0 6px 24px #c9962a33}.hero-tajweed-dot{width:6px;height:6px;background:var(--gold2);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.hero-arabic{font-family:Amiri,serif;font-size:clamp(20px,2.4vw,28px);color:#f0c05099;letter-spacing:0;direction:rtl;line-height:1.8;margin-bottom:14px;animation:fadeUp .7s .1s ease both}.hero-title{font-family:Cormorant Garamond,serif;font-size:clamp(40px,5.5vw,68px);font-weight:700;color:var(--white);line-height:1.06;letter-spacing:-1.5px;text-shadow:0 4px 48px rgba(0,0,0,.25);margin-bottom:20px;animation:fadeUp .7s .15s ease both}.hero-title em{font-style:italic;color:var(--gold2);display:block}.hero-p{font-size:17px;color:#ffffffad;font-weight:300;line-height:1.8;margin-bottom:36px;max-width:480px;animation:fadeUp .7s .2s ease both}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px;animation:fadeUp .7s .25s ease both}.btn-hero-primary{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--g1);padding:14px 26px;border-radius:14px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 8px 36px #00000038,0 0 0 1px #ffffff1a;transition:all .25s}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 18px 48px #00000047,0 0 0 1px #ffffff1a}.btn-hero-ghost{display:inline-flex;align-items:center;gap:9px;border:1.5px solid rgba(255,255,255,.3);color:var(--white);padding:14px 26px;border-radius:14px;font-size:15px;font-weight:500;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;transition:all .25s}.btn-hero-ghost:hover{background:#ffffff26}.hero-stats{display:flex;gap:30px;animation:fadeUp .7s .3s ease both}.hero-stat .num{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;color:#fff;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.2)}.hero-stat .lbl{font-size:11px;color:#ffffff73;text-transform:uppercase;letter-spacing:1px;margin-top:3px}.hero-phone-area{display:flex;justify-content:center;align-items:flex-end;position:relative;animation:fadeUp .9s .2s ease both;padding-bottom:0}.phone-main{width:260px;background:linear-gradient(160deg,#0a3d2a,#0d5e45);border-radius:42px;padding:14px;box-shadow:0 40px 80px #00000073,0 0 0 1px #ffffff14,inset 0 1px #ffffff1f;position:relative;z-index:3}.phone-notch{width:70px;height:5px;background:#00000059;border-radius:3px;margin:0 auto 12px}.p-screen{background:#0a2e1e;border-radius:30px;overflow:hidden}.p-head{background:linear-gradient(160deg,var(--g2),#0d5e45);padding:14px 16px 18px;position:relative;overflow:hidden}.p-head:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M40 10 Q50 20 40 30 Q30 20 40 10Z' fill='%23fff' opacity='0.06'/%3E%3Ccircle cx='40' cy='50' r='20' fill='none' stroke='%23fff' stroke-width='0.8' opacity='0.08'/%3E%3C/svg%3E");background-size:80px 80px}.p-head-loc{display:flex;align-items:center;gap:5px;font-size:9px;color:#fff9;margin-bottom:2px;position:relative}.p-head-city{font-size:10px;color:#ffffff8c;position:relative;margin-bottom:8px}.p-head-time{font-size:28px;font-weight:700;color:#fff;position:relative;font-family:Cormorant Garamond,serif}.p-head-left{font-size:9px;color:#ffffff8c;position:relative;margin-bottom:10px}.p-prayers-row{display:flex;justify-content:space-between;background:#00000026;border-radius:10px;padding:8px 6px;position:relative}.p-prayer{text-align:center}.p-prayer-name{font-size:8px;color:#ffffff80}.p-prayer-time{font-size:9px;color:#ffffffd9;font-weight:600}.p-prayer.active .p-prayer-time{color:var(--gold2)}.p-prayer.active .p-prayer-name{color:#f0c050b3}.p-body{padding:12px;display:flex;flex-direction:column;gap:8px;background:#f4f9f6}.p-votd{background:var(--white);border-radius:12px;padding:10px 12px;border-left:3px solid var(--g2)}.p-votd-tag{font-size:8px;font-weight:700;color:var(--g2);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.p-votd-text{font-size:10px;color:var(--text);line-height:1.6;font-style:italic;margin-bottom:3px}.p-votd-ref{font-size:8px;color:var(--muted)}.p-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.p-icon-btn{background:var(--white);border-radius:10px;padding:8px 4px;text-align:center;font-size:16px}.p-icon-lbl{font-size:7px;color:var(--muted);margin-top:3px;display:block}.p-continue{background:var(--white);border-radius:12px;padding:10px 12px}.p-continue-tag{font-size:8px;font-weight:600;color:var(--muted);margin-bottom:4px}.p-continue-title{font-size:11px;font-weight:700;color:var(--text)}.p-continue-sub{font-size:8px;color:var(--muted)}.p-progress-bar{height:3px;background:var(--g6);border-radius:2px;margin-top:6px;overflow:hidden}.p-progress-fill{height:100%;background:linear-gradient(90deg,var(--g2),var(--g4));border-radius:2px;width:52%}.p-tabbar{background:var(--white);display:flex;justify-content:space-around;padding:8px 0 4px;border-top:1px solid var(--border)}.p-tab{text-align:center}.p-tab-icon{font-size:16px}.p-tab-lbl{font-size:7px;color:var(--muted);display:block}.p-tab.active .p-tab-icon{filter:none}.p-tab.active .p-tab-lbl{color:var(--g2);font-weight:700}.phone-side{position:absolute;width:200px;background:linear-gradient(160deg,#0f5038,#1a7a58);border-radius:32px;padding:10px;box-shadow:0 24px 60px #00000059,0 0 0 1px #ffffff0f;z-index:2;right:-40px;top:30px;transform:rotate(5deg);opacity:.85}.ps-screen{background:#0a2e1e;border-radius:22px;overflow:hidden}.ps-head{background:linear-gradient(160deg,#1a7a58,#0f5038);padding:12px 10px}.ps-title{font-size:10px;font-weight:700;color:#fff;text-align:center;margin-bottom:8px}.ps-prayers{display:flex;flex-direction:column;gap:4px}.ps-prayer{display:flex;align-items:center;justify-content:space-between;background:#ffffff12;border-radius:7px;padding:5px 8px}.ps-prayer.done{background:#25a88226}.ps-p-left{display:flex;align-items:center;gap:6px}.ps-check{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:8px}.ps-prayer.done .ps-check{background:var(--g3);border-color:var(--g3)}.ps-p-name{font-size:9px;color:#ffffffd9;font-weight:500}.ps-p-time{font-size:8px;color:#ffffff73}.fb{position:absolute;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.85);border-radius:14px;padding:10px 14px;box-shadow:0 8px 36px #030d0838;font-size:11px;font-weight:600;color:var(--g1);display:flex;align-items:center;gap:8px;z-index:10}.fb-dot{width:7px;height:7px;border-radius:50%}.fb1{top:20px;left:-20px;animation:float 3.2s ease-in-out infinite}.fb2{bottom:120px;left:-30px;animation:float 3.2s 1.1s ease-in-out infinite}.fb3{top:46%;right:-15px;animation:float 3.2s .6s ease-in-out infinite}.mosque-svg{display:block;width:100%;position:relative;z-index:2;margin-top:-2px}.marquee-wrap{background:linear-gradient(135deg,var(--g1),var(--g2));padding:44px 0;overflow:hidden;position:relative}.marquee-wrap:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='25' fill='none' stroke='%23fff' stroke-width='0.4' opacity='0.06'/%3E%3C/svg%3E");background-size:60px 60px}.marquee-track{display:flex;gap:20px;width:max-content;animation:marquee 30s linear infinite;position:relative;z-index:1}.marquee-item{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 20px;white-space:nowrap;color:#ffffffd1;font-size:13px;font-weight:300}.marquee-item strong{color:var(--gold2);font-weight:700}.marquee-sep{color:#ffffff40}.tajweed-section{background:linear-gradient(160deg,#030d08,#061e14 28%,#0a3828 60%,#0f6040);padding:96px 5%;position:relative;overflow:hidden}.tajweed-section:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.35'%3E%3Cpolygon points='50,6 61,30 87,30 67,47 74,71 50,57 26,71 33,47 13,30 39,30' opacity='0.05'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px}.tajweed-section .section-inner{position:relative;z-index:1}.tajweed-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;max-width:1160px;margin:0 auto}.tajweed-header-tag{display:inline-flex;align-items:center;gap:8px;background:#f0c05026;border:1px solid rgba(240,192,80,.3);color:var(--gold2);padding:5px 16px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px}.tajweed-title{font-family:Cormorant Garamond,serif;font-size:clamp(32px,4vw,52px);font-weight:700;color:#fff;line-height:1.1;margin-bottom:16px}.tajweed-title em{font-style:italic;color:var(--gold2);display:block}.tajweed-sub{font-size:16px;color:#ffffffa6;font-weight:300;line-height:1.85;margin-bottom:28px}.tajweed-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}.tajweed-feat-tile{padding:18px;background:#f0c05014;border:1px solid rgba(240,192,80,.18);border-radius:16px;cursor:default;transition:all .25s}.tajweed-feat-tile:hover{background:#f0c05024;border-color:#f0c05059;transform:translateY(-2px)}.tajweed-feat-icon{font-size:24px;margin-bottom:10px}.tajweed-feat-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.3}.tajweed-feat-desc{font-size:12px;color:#ffffff80;line-height:1.55}.tajweed-cta{display:inline-flex;align-items:center;gap:20px;background:linear-gradient(135deg,#c9962a,#f0c050);color:#0a3020;padding:14px 28px;border-radius:14px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 8px 28px #c9962a66;transition:all .25s}.tajweed-cta:hover{transform:translateY(-2px);box-shadow:0 14px 36px #c9962a80}.tajweed-demo{position:relative}.tajweed-demo-card{background:linear-gradient(145deg,#030d08,#061e14,#0a3828 70%,#0e5038);border-radius:28px;padding:36px;position:relative;overflow:hidden;box-shadow:0 40px 100px #00000080,inset 0 1px #ffffff0f}.tajweed-demo-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23fff' stroke-width='0.5'%3E%3Cpolygon points='40,5 50,25 68,25 55,38 60,58 40,47 20,58 25,38 12,25 30,25' opacity='0.07'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px}.tajweed-demo-header{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.tajweed-demo-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#f0c050cc;margin-bottom:4px}.tajweed-demo-title{font-size:18px;font-weight:700;color:#fff}.tajweed-demo-icon{width:44px;height:44px;background:#f0c05033;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px}.tajweed-demo-verse{position:relative;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;text-align:center;margin-bottom:20px}.tajweed-demo-verse-label{font-size:11px;color:#fff6;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}.tajweed-demo-arabic{font-family:Amiri,serif;font-size:28px;color:#fff;line-height:1.9;direction:rtl;letter-spacing:1px}.tajweed-demo-ref{font-size:12px;color:#ffffff73;margin-top:8px}.tajweed-demo-score{position:relative;background:#ffffff0f;border-radius:14px;padding:16px 18px;margin-bottom:16px}.tajweed-demo-score-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tajweed-demo-score-row span:first-child{font-size:13px;font-weight:600;color:#fffc}.tajweed-demo-score-val{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:700;color:var(--gold2)}.tajweed-demo-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.tajweed-demo-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:4px;transition:width .5s ease}.tajweed-demo-feedback{position:relative;display:flex;flex-direction:column;gap:8px}.tajweed-fb-item{display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:10px 14px}.tajweed-fb-icon{font-size:14px;margin-right:8px}.tajweed-fb-good{background:#51cf661f;border:1px solid rgba(81,207,102,.2)}.tajweed-fb-good .tajweed-fb-icon,.tajweed-fb-good .tajweed-fb-status{color:#51cf66}.tajweed-fb-warn{background:#ffd43b1a;border:1px solid rgba(255,212,59,.2)}.tajweed-fb-warn .tajweed-fb-icon,.tajweed-fb-warn .tajweed-fb-status{color:#ffd43b}.tajweed-fb-item span:nth-child(2){font-size:13px;color:#ffffffd9;font-weight:500}.tajweed-fb-status{font-size:12px;font-weight:700}.tajweed-float-badge{position:absolute;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 12px 40px #0a4a3526;display:flex;align-items:center;gap:10px}.tajweed-float-1{top:-16px;right:-16px;animation:float 3s ease-in-out infinite}.tajweed-float-2{bottom:-16px;left:-16px;animation:float 3s 1.2s ease-in-out infinite}.tajweed-float-icon{width:36px;height:36px;background:var(--g5);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.tajweed-float-2 .tajweed-float-icon{background:#c9962a1a}.tajweed-float-title{font-size:12px;font-weight:700;color:var(--text)}.tajweed-float-sub{font-size:11px;color:var(--muted)}@media(max-width:1024px){.tajweed-grid{grid-template-columns:1fr;gap:48px}.tajweed-float-badge{display:none}}@media(max-width:768px){.tajweed-section{padding:60px 5%}.tajweed-features-grid{grid-template-columns:1fr}}.features-bg{background:#fff;background-image:radial-gradient(circle at 1px 1px,rgba(15,106,79,.035) 1px,transparent 0);background-size:28px 28px}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feat-card{background:#f7fcf9;border-radius:var(--radius);padding:30px 26px;border:1.5px solid #ddeee5;box-shadow:0 2px 8px #0a4a350a,0 6px 24px #0a4a350a;transition:all .28s cubic-bezier(.23,1,.32,1);cursor:default;position:relative;overflow:hidden}.feat-card:after{content:"";position:absolute;top:0;right:0;width:70px;height:70px;background:radial-gradient(circle at top right,rgba(15,106,79,.07),transparent 70%)}.feat-card:hover{background:#fff;border-color:#1a8a6838;box-shadow:0 12px 48px #0a4a351c;transform:translateY(-4px)}.feat-card.highlight{background:linear-gradient(145deg,#061e14,#0a3828 45%,#0f6040);border:1.5px solid rgba(26,138,104,.2);box-shadow:0 20px 56px #030d0852}.feat-card.highlight:hover{box-shadow:0 28px 72px #030d0866;transform:translateY(-6px)}.feat-card.highlight .feat-label,.feat-card.highlight .feat-desc{color:#ffffffa6}.feat-card.highlight .feat-title{color:#fff}.feat-card.highlight:after{background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 70%)}.feat-card.gold-card{background:linear-gradient(145deg,#3d2400,#6b3e00 45%,#b07820);border:1.5px solid rgba(240,192,80,.18);box-shadow:0 20px 56px #3d240059}.feat-card.gold-card:hover{box-shadow:0 28px 72px #3d240073;transform:translateY(-6px)}.feat-card.gold-card .feat-label,.feat-card.gold-card .feat-desc{color:#ffffffa6}.feat-card.gold-card .feat-title{color:#fff}.feat-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--g2),var(--g4));border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;box-shadow:0 4px 18px #0f6a4f38}.feat-card.highlight .feat-icon,.feat-card.gold-card .feat-icon{background:#ffffff26;box-shadow:0 6px 20px #0003}.feat-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--g3);margin-bottom:7px}.feat-title{font-family:Cormorant Garamond,serif;font-size:21px;font-weight:700;color:var(--text);margin-bottom:9px;line-height:1.3}.feat-desc{font-size:13.5px;color:var(--muted);line-height:1.75;font-weight:300}.preview-bg{background:var(--mint)}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.preview-list{display:flex;flex-direction:column;gap:16px}.preview-item{display:flex;gap:14px;align-items:flex-start;padding:16px;background:var(--white);border-radius:14px;box-shadow:var(--card-shadow);transition:all .2s}.preview-item:hover{transform:translate(6px);box-shadow:var(--card-shadow-hover)}.preview-item-icon{width:40px;height:40px;flex-shrink:0;background:var(--g5);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.preview-item-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:3px}.preview-item-desc{font-size:13px;color:var(--muted);line-height:1.6}.test-bg{background:#eef6f0;background-image:radial-gradient(circle at 1px 1px,rgba(15,106,79,.045) 1px,transparent 0);background-size:24px 24px}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.test-card{background:#fff;border-radius:var(--radius);padding:28px 24px;border:1.5px solid #ddeee5;box-shadow:0 3px 16px #0a4a350d;transition:all .28s cubic-bezier(.23,1,.32,1)}.test-card:hover{border-color:#1a8a6833;box-shadow:0 16px 52px #0a4a351a;transform:translateY(-4px)}.stars{color:#c9962a;font-size:14px;letter-spacing:1px;margin-bottom:14px}.test-text{font-family:Cormorant Garamond,serif;font-size:17px;line-height:1.75;color:var(--text);font-style:italic;margin-bottom:18px}.test-author{display:flex;align-items:center;gap:12px}.test-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.test-name{font-size:14px;font-weight:700;color:var(--text)}.test-loc{font-size:12px;color:var(--muted)}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(135deg,#030d08,#061e14,#0a3828);box-shadow:0 20px 64px #030d0847;border-radius:22px;overflow:hidden;margin-top:72px}.stat-item{padding:36px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.06)}.stat-item:last-child{border-right:none}.stat-num{font-family:Cormorant Garamond,serif;font-size:40px;font-weight:700;color:#fff;line-height:1;margin-bottom:8px}.stat-num em{color:var(--gold2);font-style:normal}.stat-lbl{font-size:12px;color:#ffffff73;letter-spacing:1px;text-transform:uppercase}.cta-bg{background:#fff}.cta-box{background:linear-gradient(150deg,#030d08,#061e14 22%,#0a3828 52%,#0f6040 78%,#176b4a);box-shadow:0 40px 96px #030d0861;border-radius:28px;padding:80px 60px;text-align:center;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg fill='none' stroke='%23fff' stroke-width='0.5'%3E%3Cpolygon points='50,8 60,30 84,30 66,46 72,68 50,56 28,68 34,46 16,30 40,30' opacity='0.05'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px}.cta-arabic{font-family:Cormorant Garamond,serif;font-size:18px;color:#ffffff4d;letter-spacing:4px;margin-bottom:20px;position:relative}.cta-title{font-family:Cormorant Garamond,serif;font-size:clamp(30px,4vw,52px);font-weight:700;color:#fff;margin-bottom:16px;position:relative;line-height:1.2}.cta-sub{color:#fff9;font-size:16px;font-weight:300;margin-bottom:40px;position:relative}.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative}.btn-cta-w{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--g1);padding:14px 28px;border-radius:14px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 8px 32px #0003;transition:all .25s}.btn-cta-w:hover{transform:translateY(-2px)}.btn-cta-ghost{display:inline-flex;align-items:center;gap:9px;border:1.5px solid rgba(255,255,255,.3);color:#fff;padding:14px 28px;border-radius:14px;font-size:15px;font-weight:500;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;transition:all .25s}.btn-cta-ghost:hover{background:#ffffff26}.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.about-story-text .section-tag{display:inline-flex}.about-story-text .section-title{text-align:left}.about-story-text p{font-size:16px;color:var(--muted);line-height:1.85;font-weight:300;margin-bottom:16px}.about-geo{background:linear-gradient(140deg,var(--g1),var(--g3));border-radius:28px;padding:60px 40px;text-align:center;position:relative;overflow:hidden}.about-geo:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23fff' stroke-width='0.6'%3E%3Cpolygon points='40,5 50,25 68,25 55,38 60,58 40,47 20,58 25,38 12,25 30,25' opacity='0.15'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px}.about-geo-arabic{font-family:Cormorant Garamond,serif;font-size:40px;color:#ffffffb3;margin-bottom:16px;position:relative;letter-spacing:4px}.about-geo-text{font-family:Cormorant Garamond,serif;font-size:20px;font-style:italic;color:#fff9;position:relative;line-height:1.7}.mission-banner{background:linear-gradient(135deg,var(--g1),var(--g2));border-radius:24px;padding:56px 48px;text-align:center;position:relative;overflow:hidden}.mission-banner:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg fill='none' stroke='%23fff' stroke-width='0.5'%3E%3Cpolygon points='50,8 60,30 84,30 66,46 72,68 50,56 28,68 34,46 16,30 40,30' opacity='0.05'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px}.mission-quote{font-family:Cormorant Garamond,serif;font-size:clamp(22px,3.5vw,36px);font-weight:700;color:#fff;line-height:1.45;position:relative}.mission-quote em{color:var(--gold2);font-style:italic}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.value-card{background:var(--white);border-radius:var(--radius);padding:32px 28px;box-shadow:var(--card-shadow);transition:all .3s;text-align:center;border-top:3px solid transparent}.value-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover);border-top-color:var(--g2)}.value-icon{font-size:36px;margin-bottom:16px}.value-title{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700;color:var(--text);margin-bottom:10px}.value-desc{font-size:14px;color:var(--muted);line-height:1.75;font-weight:300}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.team-card{background:var(--white);border-radius:var(--radius);padding:28px 20px;text-align:center;box-shadow:var(--card-shadow);transition:all .3s}.team-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.team-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff}.team-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px}.team-role{font-size:12px;color:var(--muted)}.legal-wrap{max-width:780px;margin:0 auto}.legal-card{background:var(--white);border-radius:var(--radius);padding:48px 52px;box-shadow:var(--card-shadow)}.legal-intro{background:var(--g5);border-radius:14px;padding:18px 22px;border-left:3px solid var(--g2);margin-bottom:36px}.legal-intro p{font-size:14px;color:var(--g1);line-height:1.7}.legal-section{margin-bottom:36px;padding-bottom:36px;border-bottom:1px solid var(--border)}.legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-section h3{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700;color:var(--g2);margin-bottom:14px;display:flex;align-items:center;gap:10px}.legal-section h3 .ls-num{width:28px;height:28px;background:var(--g5);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--g2);flex-shrink:0;font-family:Outfit,sans-serif}.legal-section p{font-size:15px;color:var(--text2);line-height:1.85;font-weight:300;margin-bottom:12px}.legal-section ul{margin:10px 0 12px 20px}.legal-section li{font-size:15px;color:var(--text2);line-height:1.8;font-weight:300;margin-bottom:4px}.legal-highlight{background:var(--g5);border-radius:10px;padding:14px 18px;margin:12px 0;border-left:3px solid var(--g3)}.legal-highlight p{margin:0;font-weight:400}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:56px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:16px}.contact-card{background:var(--white);border-radius:var(--radius);padding:24px;box-shadow:var(--card-shadow);transition:all .3s;display:flex;gap:16px;align-items:flex-start;border:1.5px solid transparent}.contact-card:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover);border-color:var(--border)}.contact-icon{width:44px;height:44px;background:var(--g5);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.contact-card-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}.contact-card-val{font-size:13px;color:var(--g2);font-weight:500}.contact-card-note{font-size:12px;color:var(--muted);margin-top:2px}.contact-form-card{background:var(--white);border-radius:var(--radius);padding:40px 36px;box-shadow:var(--card-shadow)}.contact-form-title{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;color:var(--text);margin-bottom:6px}.contact-form-sub{font-size:14px;color:var(--muted);margin-bottom:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:7px}.form-input,.form-select,.form-textarea{width:100%;padding:13px 16px;background:var(--mint);border:1.5px solid var(--border);border-radius:12px;font-size:14px;color:var(--text);font-family:Outfit,sans-serif;outline:none;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--g2);background:#fff;box-shadow:0 0 0 3px #0f6a4f14}.form-textarea{resize:vertical;min-height:120px}.btn-submit{width:100%;padding:15px;background:linear-gradient(135deg,var(--g2),var(--g3));color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;transition:all .25s;box-shadow:0 8px 24px #0f6a4f40;display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 14px 36px #0f6a4f4d}.form-success{display:none;background:var(--g5);border-radius:14px;padding:20px;text-align:center;color:var(--g1);margin-top:16px}.form-success.show{display:block}footer{background:var(--g1);padding:64px 5% 28px;position:relative;overflow:hidden}footer:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23fff' stroke-width='0.4'%3E%3Cpolygon points='40,5 50,25 68,25 55,38 60,58 40,47 20,58 25,38 12,25 30,25' opacity='0.04'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;pointer-events:none}.footer-inner{max-width:1160px;margin:0 auto;position:relative}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:52px}.footer-brand-text{font-size:14px;color:#ffffff73;line-height:1.8;max-width:260px;margin-top:14px}.footer-app-btns{margin-top:20px;display:flex;flex-direction:column;gap:8px}.footer-app-btn{display:inline-flex;align-items:center;gap:9px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#fff;padding:9px 16px;border-radius:11px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;width:fit-content}.footer-app-btn:hover{background:#ffffff24}.footer-col h4{font-size:13px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:.5px}.footer-col a{display:block;color:#ffffff73;font-size:13.5px;text-decoration:none;margin-bottom:11px;transition:color .2s}.footer-col a:hover{color:var(--gold2)}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.footer-bottom p{font-size:13px;color:#ffffff59}.footer-bottom .love{color:var(--gold2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:1024px){.home-hero-inner{grid-template-columns:1fr;gap:50px;padding-bottom:0}.hero-phone-area{order:-1;justify-content:center}.phone-side,.fb1,.fb2,.fb3{display:none}.feat-grid{grid-template-columns:repeat(2,1fr)}.test-grid{grid-template-columns:1fr 1fr}.preview-grid,.about-story-grid,.contact-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.footer-top,.stats-strip{grid-template-columns:1fr 1fr}}@media(max-width:768px){.section{padding:60px 5%}.feat-grid,.test-grid,.values-grid,.form-row{grid-template-columns:1fr}.nav-links{display:none}.nav-hamburger{display:flex}.cta-box{padding:48px 24px}.legal-card{padding:32px 24px}.contact-form-card{padding:28px 22px}.stats-strip{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr}}