.cp-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:380px}.cp-hero__bg{object-fit:cover;object-position:center 60%}.cp-hero:before{inset:0;background:linear-gradient(90deg,hsla(48,33%,97%,.9),hsla(48,33%,97%,.7) 40%,hsla(48,33%,97%,.15) 72%,hsla(48,33%,97%,0)),linear-gradient(180deg,hsla(48,33%,97%,.2),hsla(48,33%,97%,0) 35%)}.cp-hero:after,.cp-hero:before{content:"";position:absolute;z-index:1}.cp-hero:after{left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,hsla(48,33%,97%,0),var(--v2-cream) 92%)}.cp-hero .v2-container{position:relative;z-index:2;width:100%;padding-block:56px 34px}.cp-hero__copy{max-width:540px;text-shadow:0 1px 12px hsla(48,33%,97%,.6)}.cp-hero h1{font-size:clamp(2.3rem,4.6vw,3.3rem);font-weight:400;letter-spacing:-.015em;margin-bottom:12px!important}.cp-hero__lede{font-size:13.5px;line-height:1.7;color:var(--v2-ink);margin:0;max-width:500px}.cp-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-width:0;gap:20px;align-items:start;padding-top:6px}.cp-side{background:#fff;border:1px solid var(--v2-line);border-radius:var(--v2-radius);box-shadow:var(--v2-shadow);padding:18px 14px 12px}.cp-side h2{font-size:15px;font-weight:400;padding:0 8px;margin-bottom:10px!important}.cp-feelings{display:flex;flex-direction:column}.cp-feeling{display:flex;justify-content:space-between;align-items:center;gap:8px;font:13px var(--v2-sans);color:var(--v2-ink);text-align:left;cursor:pointer;background:none;border:0;border-radius:9px;padding:8px 10px;transition:background-color .2s,color .2s}.cp-feeling:after{content:"\2192";color:var(--v2-muted);font-size:12px;transition:transform .2s}.cp-feeling:hover{background:var(--v2-alt)}.cp-feeling:hover:after{transform:translateX(2px)}.cp-feeling.is-active{background:var(--v2-teal);color:#fff}.cp-feeling.is-active:after{color:#fff}.cp-panel{background:#fff;border:1px solid var(--v2-line);border-radius:18px;box-shadow:var(--v2-shadow);padding:24px 26px 18px}.cp-bubble{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.cp-avatar{flex:none;width:36px;height:36px;border-radius:50%;background:var(--v2-teal);color:#fff;display:grid;place-items:center}.cp-avatar .icon{width:17px;height:17px}.cp-bubble>div{background:var(--v2-sage);border-radius:4px 14px 14px 14px;padding:12px 16px;max-width:480px}.cp-bubble strong{display:block;font:400 15px var(--v2-display);color:var(--v2-ink);margin-bottom:3px}.cp-bubble p{font-size:12.5px;line-height:1.6;color:var(--v2-body);margin:0}.cp-form{border:1px solid var(--v2-line);border-radius:14px;background:var(--v2-cream);transition:border-color .2s,box-shadow .2s}.cp-form:focus-within{border-color:var(--v2-teal);box-shadow:0 0 0 4px rgba(14,81,73,.08)}.cp-form textarea{display:block;width:100%;resize:none;border:0;outline:0;background:transparent;padding:14px 16px 6px;font:14px/1.6 var(--v2-sans);color:var(--v2-ink)}.cp-form textarea::placeholder{color:#8a9c96}.cp-form__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px 8px 16px}.cp-count{font-size:11px;color:var(--v2-muted)}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:500 13px var(--v2-sans);color:#fff;background:var(--v2-teal);border:1px solid var(--v2-teal);border-radius:40px;padding:10px 20px;cursor:pointer;transition:background-color .2s,opacity .2s,transform .2s}.cp-btn:hover{background:#0b423c}.cp-btn:disabled{opacity:.35;cursor:not-allowed}.cp-btn--ghost{background:#fff;color:var(--v2-teal)}.cp-btn--ghost:hover{background:var(--v2-alt)}.cp-privacy{font-size:11px;line-height:1.6;color:var(--v2-muted);text-align:center;margin:14px 0 0}.cp-privacy a{color:var(--v2-teal);text-decoration:underline;text-underline-offset:2px}.cp-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:28px;padding-bottom:60px}.cp-info__card{background:#fff;border:1px solid var(--v2-line);border-radius:var(--v2-radius);padding:20px 20px 18px;box-shadow:var(--v2-shadow)}.cp-info__icon{width:34px;height:34px;border-radius:10px;background:var(--v2-sage);color:var(--v2-teal);display:grid;place-items:center;margin-bottom:12px}.cp-info__icon .icon{width:17px;height:17px}.cp-info h3{font-size:15px;font-weight:400;margin-bottom:6px!important}.cp-info p{font-size:12px;line-height:1.6;color:var(--v2-body);margin:0}.cp-loading{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--v2-teal)}.cp-loading__inner{max-width:440px;padding:0 32px;text-align:center}.cp-loading__bismillah{font:48px/1.5 var(--font-amiri),serif;color:#faf6ee;opacity:.15;margin:0 0 36px}.cp-loading__phrase{min-height:64px;font:400 20px/1.5 var(--v2-display);color:#faf6ee;margin:0 0 28px;transition:opacity .4s ease}.cp-loading__phrase.is-fading{opacity:0}.cp-loading__bar{width:200px;height:2px;margin:0 auto 16px;border-radius:99px;background:hsla(40,55%,96%,.12);overflow:hidden}.cp-loading__bar span{display:block;height:100%;border-radius:99px;background:#e3c590;animation:cpBar 2.5s ease-in-out infinite}.cp-loading__note{font-size:12px;color:hsla(40,55%,96%,.4);margin:0}@keyframes cpBar{0%{width:0;margin-left:0}50%{width:70%;margin-left:15%}to{width:0;margin-left:100%}}.cp-narrow{max-width:760px}.cp-result-hero{background:var(--v2-teal);padding:52px 0 40px}.cp-result-hero h1{color:#faf6ee!important;font-size:clamp(2rem,4vw,2.7rem);font-weight:400;margin-bottom:12px!important}.cp-result-hero .v2-eyebrow{color:#e3c590}.cp-result-hero__lede{font-size:14px;line-height:1.75;color:hsla(40,55%,96%,.75);margin:0 0 16px}.cp-example{display:inline-block;font-size:10.5px;color:#e3c590;border:1px dashed hsla(38,60%,73%,.5);border-radius:6px;padding:3px 9px}.cp-article{padding-bottom:60px}.cp-block{padding:28px 0;border-bottom:1px solid var(--v2-line)}.cp-label{text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;font-weight:500;color:var(--v2-gold);margin:0 0 14px}.cp-card{background:#fff;border:1px solid var(--v2-line);border-radius:var(--v2-radius);padding:24px 26px;box-shadow:var(--v2-shadow)}.cp-card--sage{background:var(--v2-sage);border-color:#dce6dd;box-shadow:none}.cp-arabic{font:24px/2 var(--font-amiri),serif;color:var(--v2-ink);text-align:right;margin:0 0 14px}.cp-translit{font-size:12.5px;font-style:italic;line-height:1.7;color:var(--v2-muted);margin:0 0 10px}.cp-translation{font:italic 400 16px/1.75 var(--v2-display);color:var(--v2-ink);margin:0 0 10px}.cp-ref{font-size:11.5px;color:var(--v2-muted);margin:0}.cp-reflection{font-size:13px;line-height:1.7;color:var(--v2-body);margin:16px 0 0;padding-top:16px;border-top:1px solid var(--v2-line)}.cp-dots{list-style:none;margin:0;padding:0;display:grid;gap:12px}.cp-dots li{position:relative;padding-left:20px;font-size:14px;line-height:1.7;color:var(--v2-body)}.cp-dots li:before{content:"";position:absolute;left:2px;top:.65em;width:7px;height:7px;border-radius:50%;background:#7c9885}.cp-dots--muted li:before{background:rgba(22,63,59,.3)}.cp-routine{background:#fff;border:1px solid var(--v2-line);border-radius:var(--v2-radius);box-shadow:var(--v2-shadow);overflow:hidden}.cp-routine__row{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:18px 22px}.cp-routine__row+.cp-routine__row{border-top:1px solid var(--v2-line)}.cp-routine h3{display:flex;align-items:center;gap:9px;font:500 11px var(--v2-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--v2-muted);padding-top:3px}.cp-time{width:9px;height:9px;border-radius:50%}.cp-time--morning{background:#e3c590}.cp-time--midday{background:#7c9885}.cp-time--evening{background:var(--v2-teal)}.cp-routine ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cp-routine li{font-size:13.5px;line-height:1.65;color:var(--v2-body)}.cp-help{background:var(--v2-alt);border-left:2px solid rgba(22,63,59,.25);border-radius:10px;padding:20px 22px}.cp-help__hadith{font-size:12px;line-height:1.7;color:var(--v2-muted);margin:16px 0 0}.cp-closing{margin:0;padding:4px 0 4px 20px;border-left:2px solid var(--v2-gold);font:400 18px/1.6 var(--v2-display);color:var(--v2-ink)}.cp-actions{display:flex;gap:12px;padding:30px 0 18px}.cp-actions .cp-btn{flex:1;padding:12px 20px}.cp-reset{display:block;margin:0 auto;font:13px var(--v2-sans);color:var(--v2-muted);background:none;border:0;cursor:pointer}.cp-reset:hover{color:var(--v2-teal)}.cp-disclaimer{margin:30px 0 0;padding:12px 16px;border-radius:10px;background:var(--v2-alt);font-size:11.5px;line-height:1.65;color:var(--v2-muted)}@media (max-width:900px){.cp-layout{grid-template-columns:minmax(0,1fr)}.cp-panel,.cp-side{min-width:0}.cp-side{background:none;border:0;box-shadow:none}.cp-side,.cp-side h2{padding:0}.cp-feelings{flex-direction:row;flex-wrap:wrap;gap:8px}.cp-feeling{flex:none;background:#fff;border:1px solid var(--v2-line);border-radius:40px;padding:7px 15px;font-size:12px}.cp-feeling:after{display:none}.cp-feeling.is-active{border-color:var(--v2-teal)}.cp-info{grid-template-columns:1fr}}@media (max-width:600px){.cp-hero{min-height:0}.cp-hero__bg{object-position:30% 50%}.cp-hero:before{background:linear-gradient(180deg,hsla(48,33%,97%,.88),hsla(48,33%,97%,.7) 60%,hsla(48,33%,97%,.45))}.cp-hero .v2-container{padding-block:36px 24px}.cp-panel{padding:18px 16px 14px}.cp-form textarea{font-size:16px}.cp-form__foot{flex-direction:column;align-items:stretch;padding:6px 8px 8px}.cp-count{text-align:right;padding-right:6px}.cp-card{padding:20px 18px}.cp-arabic{font-size:21px}.cp-routine__row{grid-template-columns:1fr;gap:8px;padding:16px 18px}.cp-actions{flex-direction:column}}.cp-more__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cp-more__item{position:relative;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--v2-line);border-radius:12px;padding:16px 44px 16px 18px;box-shadow:var(--v2-shadow);transition:transform .25s,box-shadow .25s,border-color .25s}.cp-more__item:hover{transform:translateY(-2px);box-shadow:var(--v2-shadow-hover);border-color:#cfdcd4}.cp-more__kind{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#4f6e5a}.cp-more__title{font:400 15px var(--v2-display);color:var(--v2-ink)}.cp-more__sub{font-size:12px;line-height:1.55;color:var(--v2-body)}.cp-more__go{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--v2-teal);transition:transform .25s}.cp-more__item:hover .cp-more__go{transform:translate(3px,-50%)}@media (max-width:600px){.cp-more__list{grid-template-columns:1fr}}