*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.cs-root{min-height:100vh;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.cs-root:before{content:"";position:fixed;top:0;left:0;right:0;height:160px;background:linear-gradient(to bottom,#000 0%,#000 45%,transparent 100%);z-index:50;pointer-events:none}.cs-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 50% at 50% 0%,rgba(20,45,70,.8) 0%,transparent 65%),radial-gradient(ellipse 60% 60% at 15% 80%,rgba(15,30,50,.6) 0%,transparent 60%),#000}.cs-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:cs-drift 22s ease-in-out infinite alternate}.cs-orb-1{width:700px;height:700px;top:-300px;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(20,60,90,.8),transparent 70%);animation-delay:0s}.cs-orb-2{width:500px;height:500px;bottom:10%;right:-100px;background:radial-gradient(circle,rgba(15,50,30,.6),transparent 70%);animation-delay:-10s}@keyframes cs-drift{0%{transform:translate(-50%) translate(0)}to{transform:translate(-50%) translate(20px,30px)}}.cs-logo{position:fixed;z-index:100;left:50%;transform:translate(-50%);display:flex;align-items:center;text-decoration:none;pointer-events:auto;opacity:0;animation:cs-logo-appear .01s 50ms forwards}@keyframes cs-logo-appear{to{opacity:1}}.cs-logo img{object-fit:contain;display:block;flex-shrink:0}.cs-hero{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:100px 40px 80px}.cs-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;padding-top:160px;animation:cs-fade-up 1s cubic-bezier(.22,1,.36,1) both}.cs-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff59;margin-bottom:40px}.cs-dot{width:5px;height:5px;border-radius:50%;background:#fff6}.cs-title{font-size:clamp(56px,11vw,112px);font-weight:200;letter-spacing:-.04em;line-height:1;color:#fff;margin-bottom:24px}.cs-title em{font-style:italic;font-weight:300;display:block}.cs-arabic{font-family:Cairo,sans-serif;font-size:clamp(22px,3.5vw,32px);font-weight:400;color:#fff8e1bf;text-shadow:0 0 40px rgba(255,235,180,.15);direction:rtl;margin-bottom:44px;letter-spacing:.02em}.cs-desc{font-size:clamp(15px,2vw,17px);line-height:1.7;color:#ffffffa6;max-width:380px;margin-bottom:48px;font-weight:300}.cs-form{display:flex;flex-direction:column;width:100%;max-width:380px;gap:24px}.cs-form-centered{margin:0 auto}.cs-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);outline:none;font-size:15px;font-family:inherit;font-weight:300;color:#fff;caret-color:#fff;padding:4px 0 12px;width:100%;transition:border-color .2s}.cs-input:focus{border-bottom-color:#ffffff80}.cs-input::placeholder{color:#fff3}.cs-btn{align-self:flex-end;background:transparent;border:none;cursor:pointer;font-size:11px;font-weight:600;font-family:inherit;letter-spacing:.1em;text-transform:uppercase;color:#ffffffa6;padding:4px 0;transition:color .15s;white-space:nowrap}.cs-btn:hover:not(:disabled){color:#fff}.cs-btn--loading,.cs-btn:disabled{color:#ffffff40;cursor:default;pointer-events:none;display:inline-flex;align-items:center;gap:4px}.cs-btn-dots{display:inline-flex;align-items:center;gap:2px;width:16px}.cs-btn-dots span{display:inline-block;width:2px;height:2px;border-radius:50%;background:currentColor;opacity:0;animation:cs-dot-fade 1.2s ease-in-out infinite}.cs-btn-dots span:nth-child(1){animation-delay:0s}.cs-btn-dots span:nth-child(2){animation-delay:.2s}.cs-btn-dots span:nth-child(3){animation-delay:.4s}@keyframes cs-dot-fade{0%,to{opacity:0}40%{opacity:1}}.cs-error{margin-top:4px;font-size:13px;font-weight:300;color:#ff6464d9;text-align:center}.cs-offer{display:flex;flex-direction:column;align-items:center;gap:5px;background:#ffffff0d;border:1px solid rgba(34,197,94,.15);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:14px;padding:14px 22px;text-align:center;max-width:400px;margin-bottom:28px;animation:cs-fade-up .7s .25s cubic-bezier(.22,1,.36,1) both}.cs-offer-eyebrow{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#22c55ea6}.cs-offer-body{font-size:14px;font-weight:300;line-height:1.5;color:#ffffff80}.cs-offer-body strong{font-weight:500;color:#ffffffe0}.cs-success-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;animation:cs-fade-up .5s cubic-bezier(.22,1,.36,1) both}.cs-success{font-size:14px;font-weight:300;color:#22c55ee6;letter-spacing:.01em}.cs-success-note{font-size:13px;color:#ffffff61;max-width:340px;text-align:center;line-height:1.55}.cs-notes-section{position:relative;z-index:1;padding:0 40px 64px;display:flex;justify-content:center}.cs-notes-inner{width:100%;max-width:780px;display:flex;flex-direction:column;align-items:center;text-align:center}.cs-notes-header{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.cs-notes-header .cs-label{margin-bottom:28px}.cs-notes-title{font-size:clamp(36px,6vw,64px);font-weight:200;letter-spacing:-.04em;line-height:1.05;color:#fff;margin-bottom:18px}.cs-notes-title em{font-style:italic;font-weight:300;display:block}.cs-notes-desc{font-size:clamp(14px,1.8vw,16px);font-weight:300;line-height:1.7;color:#ffffff73;max-width:420px;margin-bottom:0}.cs-voice-card{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;padding:32px 36px;text-align:left;margin-bottom:16px}.cs-voice-card-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#22c55eb3;margin-bottom:16px}.cs-voice-dot{width:5px;height:5px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;animation:cs-pulse 2.5s ease-in-out infinite}@keyframes cs-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.cs-voice-card-headline{font-size:clamp(22px,3.5vw,30px);font-weight:300;letter-spacing:-.03em;color:#fff;margin-bottom:12px}.cs-voice-card-body{font-size:15px;font-weight:300;line-height:1.7;color:#ffffff80;max-width:560px;margin-bottom:24px}.cs-voice-tags{display:flex;flex-wrap:wrap;gap:8px}.cs-voice-tag{font-size:11px;font-weight:500;letter-spacing:.04em;color:#fff6;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:4px 12px}.cs-notes-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.cs-notes-item{background:#ffffff08;border:1px solid rgba(255,255,255,.07);padding:20px 22px;display:flex;flex-direction:column;gap:6px;text-align:left;transition:background .18s}.cs-notes-item:first-child{border-radius:16px 0 0}.cs-notes-item:nth-child(3){border-radius:0 16px 0 0}.cs-notes-item:nth-child(7){border-radius:0 0 0 16px}.cs-notes-item:last-child{border-radius:0 0 16px}.cs-notes-item:hover{background:#ffffff0f}.cs-notes-item-name{font-size:13px;font-weight:500;letter-spacing:-.01em;color:#fffc}.cs-notes-item-desc{font-size:12px;font-weight:300;line-height:1.55;color:#ffffff59}.cs-pricing-section{position:relative;z-index:1;padding:0 40px 100px;display:flex;justify-content:center}.cs-pricing-inner{width:100%;max-width:780px;display:flex;flex-direction:column;align-items:center}.cs-pricing-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.cs-pricing-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;padding:28px 28px 32px}.cs-pricing-card--pro{background:#ffffff0f;border-color:#22c55e2e}.cs-pricing-tier{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff59;margin-bottom:20px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.cs-pricing-card--pro .cs-pricing-tier{color:#22c55eb3}.cs-pricing-price{font-size:10px;font-weight:400;letter-spacing:.04em;text-transform:none;color:#ffffff40}.cs-pricing-list{list-style:none;display:flex;flex-direction:column;gap:10px}.cs-pricing-list li{font-size:14px;font-weight:300;color:#fff9;padding-left:16px;position:relative;line-height:1.4}.cs-pricing-list li:before{content:"–";position:absolute;left:0;color:#fff3}.cs-pricing-card--pro .cs-pricing-list li:before{color:#22c55e66}.cs-pricing-list-sub{font-size:12px!important;color:#ffffff4d!important;padding-left:16px}.cs-pricing-list-sub:before{content:""!important}@media (max-width: 600px){.cs-pricing-section{padding:0 24px 80px}.cs-pricing-grid{grid-template-columns:1fr}}.cs-poem-section{position:relative;z-index:1;padding:80px 40px 120px;display:flex;justify-content:center}.cs-poem-wrap{max-width:520px;width:100%}.cs-poem-wrap:before{content:"";display:block;width:1px;height:80px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.12));margin:0 auto 64px}.cs-poem{display:flex;flex-direction:column;align-items:center;text-align:center}.cs-poem-line{font-size:clamp(15px,2.2vw,18px);font-weight:300;line-height:1.65;letter-spacing:.01em}.cs-poem-lead{color:#ffffffd9}.cs-poem-sub{color:#ffffff6b}.cs-poem-spacer{height:28px}.cs-verse-ref{margin-top:52px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#ffd28273}.cs-poem-cta{margin-top:64px;display:flex;justify-content:center}.cs-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:32px 40px 48px;font-size:12px;font-weight:400;color:#ffffff2e;border-top:1px solid rgba(255,255,255,.06)}@keyframes cs-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.cs-hero{padding:90px 24px 60px}.cs-poem-section{padding:60px 28px 80px}.cs-form{max-width:100%}}.cs-trust{margin-top:20px;font-size:12px;font-weight:300;color:#ffffff47;letter-spacing:.02em;text-align:center}.cs-what-section{position:relative;z-index:1;padding:80px 40px 100px;display:flex;justify-content:center}.cs-what-inner{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:560px;width:100%}.cs-what-inner>.cs-label{margin-bottom:28px}.cs-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px;width:100%;max-width:640px;margin-bottom:56px;text-align:left}.cs-feature-item{display:flex;flex-direction:column;gap:6px}.cs-feature-name{font-size:13px;font-weight:500;letter-spacing:.04em;color:#ffffffbf}.cs-feature-desc{font-size:13px;font-weight:300;line-height:1.6;color:#ffffff59}@media (max-width: 520px){.cs-feature-grid{grid-template-columns:1fr;gap:24px}}.cs-why{font-size:clamp(18px,2.8vw,24px);font-weight:200;line-height:1.6;color:#ffffffb3;letter-spacing:-.01em}.cs-hadith-arabic{font-family:Cairo,sans-serif;font-size:clamp(20px,3vw,28px);font-weight:400;color:#fff8e1b3;text-shadow:0 0 40px rgba(255,235,180,.12);direction:rtl;letter-spacing:.02em;margin-bottom:12px;text-align:center}.cs-hadith-transliteration{font-size:13px;font-weight:300;font-style:italic;color:#ffffff4d;letter-spacing:.04em;margin-bottom:16px;text-align:center}.cs-hadith-translation{font-size:clamp(15px,2vw,18px);font-weight:300;color:#ffffffb3;letter-spacing:.01em;margin-bottom:0;text-align:center}.cs-cta-section{position:relative;z-index:1;padding:80px 40px 100px;display:flex;justify-content:center}.cs-cta-inner{display:flex;flex-direction:column;align-items:center;max-width:380px;width:100%}.cs-cta-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff40;margin-bottom:32px}.cs-cta-inner .cs-trust{margin-top:24px}@media (max-width: 600px){.cs-what-section,.cs-cta-section{padding:60px 24px 80px}.cs-notes-section{padding:0 24px 80px}.cs-voice-card{padding:24px 22px}.cs-notes-grid{grid-template-columns:repeat(2,1fr)}.cs-notes-item:nth-child(3){border-radius:0}.cs-notes-item:nth-child(7){border-radius:0}.cs-notes-item:nth-child(2){border-radius:0 16px 0 0}.cs-notes-item:nth-child(8){border-radius:0 0 16px}.cs-notes-item:nth-child(7){border-radius:0 0 0 16px}}@media (max-width: 420px){.cs-notes-grid{grid-template-columns:1fr}.cs-notes-item{border-radius:0!important}.cs-notes-item:first-child{border-radius:16px 16px 0 0!important}.cs-notes-item:last-child{border-radius:0 0 16px 16px!important}}