:root{
  --bg:#06151f;--bg2:#0a2432;--surface:rgba(10,37,50,.78);--line:rgba(255,255,255,.10);
  --text:#f6f7f2;--muted:#a8bac2;--teal:#19b7a8;--gold:#d6b453;--shadow:0 24px 80px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 0%,rgba(25,183,168,.16),transparent 35%),linear-gradient(145deg,var(--bg),#02090e 76%);color:var(--text);min-height:100vh}
a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 34px));margin:auto}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(3,13,19,.72);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.2px}.brand img{width:42px;height:42px;object-fit:contain;border-radius:12px}.links{display:flex;gap:22px;align-items:center;color:var(--muted);font-size:14px}.links a:hover{color:var(--text)}.mini-button{padding:10px 15px;border:1px solid rgba(25,183,168,.45);border-radius:12px;color:#dffcf8;background:rgba(25,183,168,.09)}
.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:56px;padding:78px 0 70px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#9de8de;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 20px var(--teal)}h1{font-size:clamp(46px,7vw,84px);line-height:.98;margin:18px 0 21px;letter-spacing:-.055em}.gold{color:var(--gold)}.lead{font-size:clamp(18px,2vw,23px);line-height:1.55;color:var(--muted);max-width:690px;min-height:72px}.rotating{display:inline-block;color:var(--text);font-weight:750;animation:fadeUp .5s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.store{display:inline-flex;align-items:center;gap:13px;padding:13px 19px;border-radius:15px;background:#fff;color:#111;box-shadow:var(--shadow);font-weight:850}.store small{display:block;font-size:10px;font-weight:650;color:#666}.store svg{width:27px;height:27px}.secondary{display:inline-flex;align-items:center;padding:13px 19px;border-radius:15px;border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.04);font-weight:750}.note{margin-top:15px;font-size:13px;color:#78919c}
.phone-wrap{display:flex;justify-content:center;position:relative}.orb{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(25,183,168,.26),rgba(214,180,83,.05) 58%,transparent 72%);filter:blur(3px);animation:breathe 4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.08);opacity:.76}}.phone{position:relative;width:min(370px,88vw);aspect-ratio:.54;background:linear-gradient(160deg,#0d2c39,#061219 70%);border:1px solid rgba(255,255,255,.16);border-radius:47px;padding:14px;box-shadow:0 35px 100px rgba(0,0,0,.48);transform:rotate(2deg)}.screen{height:100%;border-radius:36px;padding:31px 19px;background:linear-gradient(180deg,#0a302c,#071419 62%);overflow:hidden}.logo-center{display:flex;justify-content:center}.logo-center img{width:105px;height:105px;object-fit:contain}.arabic{text-align:center;font-family:"Segoe UI",Tahoma,sans-serif;font-size:26px;margin:20px 0 5px}.caption{text-align:center;color:#9ab2b8;font-size:13px}.prayer-card{margin-top:26px;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:15px;background:rgba(255,255,255,.055)}.prayer-head{display:flex;justify-content:space-between;font-weight:800}.prayers{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:15px}.p{padding:9px 3px;border-radius:12px;text-align:center;background:rgba(0,0,0,.18);font-size:10px;color:#a9bcc2}.p strong{display:block;color:#fff;font-size:12px;margin-top:4px}.p.active{background:rgba(25,183,168,.22);outline:1px solid rgba(25,183,168,.45)}
.features{padding:90px 0}.section-title{text-align:center;max-width:760px;margin:0 auto 40px}.section-title h2{font-size:clamp(32px,5vw,50px);margin:0 0 12px;letter-spacing:-.035em}.section-title p{color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:22px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 16px 45px rgba(0,0,0,.12)}.icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(25,183,168,.14);color:#7ce0d5;font-size:23px}.card h3{margin:16px 0 8px;font-size:19px}.card p{margin:0;color:var(--muted);line-height:1.65;font-size:14px}
.download{padding:35px 0 100px}.download-box{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px;border:1px solid rgba(214,180,83,.23);border-radius:26px;background:linear-gradient(120deg,rgba(214,180,83,.10),rgba(25,183,168,.10));box-shadow:var(--shadow)}.download-box h2{margin:0 0 8px;font-size:31px}.download-box p{margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:28px 0 36px;color:var(--muted);font-size:13px}.foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.foot-links{display:flex;gap:18px;flex-wrap:wrap}.legal{padding:64px 0 90px}.legal article{max-width:860px;margin:auto;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:24px;padding:clamp(22px,5vw,48px)}.legal h1{font-size:42px;letter-spacing:-.03em}.legal h2{margin-top:32px}.legal p,.legal li{color:#b7c6cc;line-height:1.75}.legal a{color:#79ddd2}.legal .date{font-size:13px;color:#7f979f}.lang-pills{display:flex;justify-content:center;gap:8px;margin-top:18px}.lang-pills span{font-size:11px;border:1px solid var(--line);padding:6px 9px;border-radius:999px;color:var(--muted)}
@media(max-width:850px){.links a:not(.mini-button){display:none}.hero{grid-template-columns:1fr;padding-top:54px;text-align:center}.eyebrow{justify-content:center}.lead{margin:auto}.actions{justify-content:center}.phone{transform:none}.grid{grid-template-columns:1fr 1fr}.download-box{flex-direction:column;text-align:center}}@media(max-width:560px){.wrap{width:min(100% - 24px,1160px)}.nav{height:64px}.brand img{width:37px;height:37px}.brand span{font-size:15px}.hero{min-height:auto;padding:48px 0 60px;gap:42px}h1{font-size:48px}.lead{font-size:17px;min-height:90px}.grid{grid-template-columns:1fr}.phone{width:320px;border-radius:40px}.screen{border-radius:30px}.download-box{padding:25px 18px}.legal{padding-top:38px}.legal article{border-radius:18px}.legal h1{font-size:34px}}