.worship-guide-page,.family-salawaat{background:#f2eee6}.worship-guide-hero,.family-salawaat-hero{padding:78px 0 64px;background:radial-gradient(circle at 80% 20%,rgba(200,164,91,.16),transparent 28%),linear-gradient(110deg,rgba(0,0,0,.98),rgba(0,0,0,.7)),url('images/kiswah-hero.png') center/cover;color:#fff}.guide-hero-arabic,.family-salawaat-arabic{color:var(--gold);font:52px/1.35 'Traditional Arabic',Georgia,serif;direction:rtl;text-align:left}.worship-guide-hero h1,.family-salawaat-hero h1{margin:5px 0 13px;font:clamp(45px,6vw,72px)/1.02 Georgia,serif}.worship-guide-hero p,.family-salawaat-hero p{max-width:700px;margin:0;color:#d5d5d5}.worship-guide-tabs{position:sticky;z-index:8;top:47px;background:#090909}.worship-guide-tabs .wrap{display:grid;grid-template-columns:1fr 1fr}.worship-guide-tabs a{padding:15px;text-align:center;color:#aaa;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.worship-guide-tabs a.active{background:var(--gold);color:#080808}.worship-guide-steps{padding:45px 0 90px}.guide-note{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;padding:14px 17px;background:#080808;color:#bbb;border-left:4px solid var(--gold);font-size:11px}.guide-note strong{color:var(--gold);text-transform:uppercase;letter-spacing:1px}.guide-step-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.guide-step{position:relative;min-height:385px;overflow:hidden;background:#fff;border:1px solid #d8cfbf;border-top:3px solid var(--gold);box-shadow:0 15px 35px rgba(43,32,14,.09);cursor:pointer}.guide-number{position:absolute;z-index:2;left:14px;top:13px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#080808;color:var(--gold);font-size:9px;font-weight:900}.guide-visual{height:235px;display:grid;place-items:center;background:linear-gradient(#f8f5ee,#eee6d7);overflow:hidden}.guide-figure{width:210px;height:180px}.guide-halo{fill:none;stroke:rgba(200,164,91,.24);stroke-width:1;stroke-dasharray:4 7;transform-origin:100px 83px;animation:guideHalo 8s linear infinite}.guide-head{fill:#c8a45b}.guide-body,.guide-arm,.guide-leg{fill:none;stroke:#111;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;transform-origin:center}.guide-floor{stroke:#c8a45b;stroke-width:2}.guide-drops{fill:#6faac4;opacity:0}.guide-wudhu .guide-drops{opacity:1;animation:guideDrops 1.7s ease-in-out infinite}.pose-takbir .guide-arm-a{animation:armLeft 2.2s ease-in-out infinite}.pose-takbir .guide-arm-b{animation:armRight 2.2s ease-in-out infinite}.pose-ruku .guide-body{animation:guideBow 2.4s ease-in-out infinite}.pose-sujood{animation:guideSujood 2.5s ease-in-out infinite}.pose-salam .guide-head{animation:guideTurn 2.3s ease-in-out infinite}.guide-step.is-replaying .guide-figure{animation:guideReplay .7s ease}.guide-copy{padding:22px 24px 26px}.guide-copy h2{margin:0 0 8px;font:28px/1.15 Georgia,serif}.guide-copy p{margin:0;color:#5d574d;font-size:12px}.guide-review-note{margin-top:26px;padding:21px 24px;background:#090909;color:#bbb;border-left:4px solid var(--gold)}.guide-review-note strong{color:var(--gold);font-size:10px;text-transform:uppercase}.guide-review-note p{margin:5px 0 0;font-size:11px}.family-challenge{padding:55px 0 95px}.family-challenge-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}.family-challenge-main,.family-add-card{padding:25px;background:#fff;border:1px solid #d8cfbf}.family-goal-card{display:flex;align-items:center;justify-content:space-between;padding:24px;background:#080808;color:#fff;border-bottom:3px solid var(--gold)}.family-goal-card span,.family-goal-card small{display:block;color:#aaa;font-size:10px;text-transform:uppercase;letter-spacing:1px}.family-goal-card strong{display:block;color:var(--gold);font:54px/1 Georgia,serif}.family-progress-ring{--progress:0;width:90px;height:90px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--progress)*1%),#29251e 0);position:relative}.family-progress-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#080808}.family-progress-ring b{position:relative;z-index:1;color:#fff;font-size:13px}.family-progress-track{height:8px;margin:16px 0 20px;background:#e6dfd1;overflow:hidden}.family-progress-track i{display:block;width:0;height:100%;background:var(--gold);transition:.35s}.family-goal-picker{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:20px}.family-goal-picker span{margin-right:auto;font-size:10px;font-weight:900;text-transform:uppercase}.family-goal-picker button{padding:7px 10px;border:1px solid #d4c7ae;background:#fff;font-weight:800;cursor:pointer}.family-goal-picker button.active{background:#080808;color:var(--gold)}.family-member-list{display:grid;gap:10px}.family-member{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:14px;background:#f8f5ee;border-left:3px solid var(--gold)}.family-member strong,.family-member small{display:block}.family-member small{color:#777}.family-member-actions{display:flex;gap:5px}.family-member-actions button{width:42px;height:38px;border:1px solid #c8a45b;background:#080808;color:#fff;font-weight:900;cursor:pointer}.family-member-actions button:last-child{background:var(--gold);color:#080808}.family-remove{border:0!important;background:transparent!important;color:#9a4b3e!important;width:25px!important}.family-add-card h2{margin:5px 0 15px;font:31px Georgia,serif}.family-add-card label{display:grid;gap:6px;color:#666;font-size:10px;font-weight:800;text-transform:uppercase}.family-add-card input{width:100%;padding:12px;border:1px solid #d9d0c0;font:inherit}.family-add-card .btn{width:100%;justify-content:center;border:0;margin-top:10px;cursor:pointer}.family-salawaat-text{margin-top:27px;padding:20px;background:#080808;color:#fff;text-align:center}.family-salawaat-text span{color:var(--gold);font-size:9px;text-transform:uppercase}.family-salawaat-text strong{display:block;margin:8px 0;font:25px/1.8 'Traditional Arabic',Georgia,serif}.family-salawaat-text p{margin:0;color:#bbb;font-size:10px}.family-reset{width:100%;margin-top:14px;padding:9px;border:0;background:transparent;color:#8a6b32;font-size:9px;font-weight:800;cursor:pointer}@keyframes guideHalo{to{transform:rotate(360deg)}}@keyframes guideDrops{0%,100%{transform:translateY(-6px);opacity:.2}50%{transform:translateY(11px);opacity:1}}@keyframes armLeft{50%{transform:rotate(32deg) translate(7px,-12px)}}@keyframes armRight{50%{transform:rotate(-32deg) translate(-7px,-12px)}}@keyframes guideBow{50%{transform:rotate(12deg)}}@keyframes guideSujood{50%{transform:translateY(8px)}}@keyframes guideTurn{50%{transform:translateX(9px)}}@keyframes guideReplay{50%{transform:scale(1.08)}}@media(max-width:800px){.worship-guide-hero,.family-salawaat-hero{padding:58px 0 48px}.guide-hero-arabic,.family-salawaat-arabic{font-size:42px}.worship-guide-tabs{top:54px}.guide-step-grid,.family-challenge-layout{grid-template-columns:1fr}.guide-step{min-height:0}.guide-note{align-items:flex-start;flex-direction:column;gap:3px}.family-goal-card strong{font-size:45px}}@media(max-width:520px){.guide-visual{height:205px}.guide-copy{padding:18px}.guide-copy h2{font-size:25px}.family-challenge{padding-top:25px}.family-challenge-main,.family-add-card{padding:14px}.family-goal-card{padding:17px}.family-progress-ring{width:74px;height:74px}.family-member{grid-template-columns:1fr auto}.family-remove{grid-column:2}.family-member-actions{grid-row:2;grid-column:1/-1}.family-member-actions button{width:50%;flex:1}}@media(prefers-reduced-motion:reduce){.guide-figure *,.guide-figure{animation:none!important}}