.course-article{--ca-content-max:1128px;--ca-wide-max:1128px;--ca-bg:#ffffff;--ca-soft:#eaeafb;--ca-soft-2:#f5f3ff;--ca-primary:#312ed3;--ca-primary-2:#4a3aff;--ca-primary-3:#702dff;--ca-primary-4:#2d5bff;--ca-text:#1a1a2e;--ca-text-2:#0a142f;--ca-muted:#4f5665;--ca-muted-2:#80808c;--ca-border:#efefef;--ca-border-purple:#bfbef1;width:100%;background:var(--ca-bg);color:var(--ca-text);font-family:var(--font-andika),sans-serif;overflow:hidden}.course-article *,.course-article :after,.course-article :before{box-sizing:border-box}.ca-hero{position:relative;width:100%;padding:60px var(--homepage-margin) 80px;display:flex;flex-direction:column;align-items:center;gap:40px;isolation:isolate}.ca-hero:after,.ca-hero:before{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;z-index:-1;pointer-events:none}.ca-hero:before{width:600px;height:600px;top:-200px;left:-150px}.ca-hero:after,.ca-hero:before{background:radial-gradient(circle at 30% 30%,var(--ca-primary-4) 0,transparent 60%),radial-gradient(circle at 70% 70%,var(--ca-primary-3) 0,transparent 60%),var(--ca-primary-2)}.ca-hero:after{width:380px;height:380px;bottom:80px;right:-80px}.ca-hero-content{width:100%;max-width:var(--ca-content-max);display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.ca-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ca-muted-2)}.ca-breadcrumb a{color:inherit;transition:color .2s}.ca-breadcrumb a:hover{color:var(--ca-primary)}.ca-breadcrumb .ca-crumb-current{color:var(--ca-primary);font-weight:700}.ca-breadcrumb .ca-crumb-sep{opacity:.6}.ca-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--ca-soft);color:var(--ca-primary);border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ca-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ca-primary)}.ca-title{font-family:var(--font-montserrat),var(--font-andika),sans-serif;font-weight:700;font-size:clamp(1.85rem,3.6vw,2.6rem);line-height:1.15;color:var(--ca-text);margin:0;max-width:820px}.ca-dek{font-family:var(--font-andika),sans-serif;font-weight:400;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.55;color:#52525c;margin:0;max-width:640px}.ca-author-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.ca-author-avatar,.ca-author-meta{align-items:center;justify-content:center;font-size:14px}.ca-author-avatar{width:36px;height:36px;border-radius:50%;background:var(--ca-primary);display:inline-flex;color:#fff;font-weight:700;flex-shrink:0}.ca-author-name{font-weight:700;color:var(--ca-text)}.ca-author-meta .ca-meta-dot{color:var(--ca-muted-2);user-select:none}.ca-author-meta .ca-meta-text{color:var(--ca-muted-2)}.ca-hero-image{width:100%;max-width:var(--ca-wide-max);aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#eaeafb,#fde7e8);position:relative;box-shadow:0 20px 50px rgba(49,46,211,.15)}.ca-hero-image img{width:100%;height:100%;object-fit:cover}.ca-section{width:100%;max-width:var(--ca-content-max);margin:0 auto;padding:40px var(--homepage-margin);display:flex;flex-direction:column;gap:20px}.ca-section--wide{max-width:var(--ca-wide-max)}.ca-eyebrow{display:block;font-size:13px;letter-spacing:2.5px;color:var(--ca-primary);text-transform:uppercase}.ca-eyebrow,.ca-section-title{text-align:center;font-weight:700}.ca-section-title{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.25;margin:0}.ca-prose,.ca-section-title{font-family:var(--font-andika),sans-serif;color:var(--ca-text)}.ca-prose{font-weight:400;font-size:17px;line-height:1.8}.ca-prose p{margin:0 0 1.2em}.ca-prose p:last-child{margin-bottom:0}.ca-prose strong{font-weight:700;color:var(--ca-text)}.ca-prose a{color:var(--ca-primary);text-decoration:underline;text-underline-offset:3px}.ca-quote{position:relative;margin:16px 0 0;padding:18px 24px;border-left:4px solid var(--ca-primary);background:transparent;font-family:var(--font-andika),sans-serif;font-size:18px;font-weight:700;line-height:1.55;color:var(--ca-text)}.ca-verse{width:100%;max-width:var(--ca-wide-max);margin:24px auto;padding:56px clamp(24px,4vw,64px);background:var(--ca-soft);border-radius:28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.ca-verse-dots{display:inline-flex;gap:10px;align-items:center}.ca-verse-dots button,.ca-verse-dots span{width:8px;height:8px;border-radius:50%;background:var(--ca-primary);opacity:.3;border:none;padding:0;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.ca-verse-dots button.is-active{opacity:1;transform:scale(1.5)}.ca-verse-dots button:hover{opacity:.7}.ca-verse-dots button:focus-visible{outline:2px solid var(--ca-primary);outline-offset:3px}.ca-verse{cursor:grab;outline:none;user-select:none;-webkit-user-select:none}.ca-verse:focus-visible{box-shadow:0 0 0 3px rgba(49,46,211,.25)}.ca-verse:active{cursor:grabbing}.ca-verse-stage{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;transition:transform .18s ease;will-change:transform}.ca-verse-text{animation:ca-verse-fade .35s ease}@keyframes ca-verse-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ca-verse-source{font-size:13px;font-weight:700;letter-spacing:2.5px;color:var(--ca-primary);text-transform:uppercase}.ca-verse-text{font-family:Amiri,Scheherazade New,Traditional Arabic,serif;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:700;line-height:2.1;color:var(--ca-text);direction:rtl;margin:0;max-width:920px}.ca-verse-ref{font-size:14px;color:var(--ca-muted-2)}.ca-why{position:relative;width:calc(100% - (2 * var(--homepage-margin)));max-width:var(--ca-wide-max);margin:40px auto;padding:40px 0;display:flex;flex-direction:column;align-items:center;gap:48px}.ca-why-title{font-family:var(--font-andika),sans-serif;font-weight:700;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.25;color:var(--ca-text);text-align:center;margin:0;max-width:1000px;width:100%}.ca-why-flow{position:relative;width:100%;display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,420px) minmax(220px,1fr);align-items:center;gap:32px}.ca-why-illustration{grid-column:2;grid-row:1/span 5;position:relative;width:100%;height:100%;display:flex;align-items:stretch;justify-content:center;pointer-events:none}.ca-why-illustration img{width:100%;height:auto;object-fit:contain;display:block}.ca-why-step{display:flex;flex-direction:column;gap:8px;max-width:320px;z-index:1}.ca-why-step h3{font-weight:700;font-size:17px;color:var(--ca-text)}.ca-why-step h3,.ca-why-step p{font-family:var(--font-andika),sans-serif;margin:0}.ca-why-step p{font-weight:400;font-size:14px;line-height:1.6;color:var(--ca-muted)}.ca-why-step--1{grid-column:1;grid-row:1;justify-self:end;text-align:right;align-items:flex-end}.ca-why-step--2{grid-column:3;grid-row:2;justify-self:start;text-align:left;align-items:flex-start}.ca-why-step--3{grid-column:1;grid-row:3;justify-self:end;text-align:right;align-items:flex-end}.ca-why-step--4{grid-column:3;grid-row:4;justify-self:start;text-align:left;align-items:flex-start}.ca-why-step--5{grid-column:1;grid-row:5;justify-self:end;text-align:right;align-items:flex-end}.ca-features-wrap{width:100%;margin:24px 0}.ca-features-wrap .features-container{padding:3vw 4vw 5vw;border:none!important;border-radius:24px}.ca-features-wrap .roadmap-step .step-text{max-width:clamp(220px,26vw,460px)}.ca-features-wrap #roadmap-step-2{top:25%;left:10%}.ca-features-wrap #roadmap-step-3{top:44%;right:20%}.ca-features-wrap #roadmap-step-4{top:67%;left:15%}.ca-features-wrap #roadmap-step-5{top:92%;right:15%}.ca-features-wrap .roadmap{min-height:80vw;margin:8vw 2vw;aspect-ratio:1/1.15}.ca-features-wrap .feature-icon{width:11vw}@media (max-width:1390px){.ca-features-wrap .roadmap{min-height:0;aspect-ratio:auto;margin:4vh 0}}.ca-whychoose-wrap{width:100%;margin:24px 0}.ca-whychoose-wrap .why-choose-section{padding:6vh 0!important;gap:5vh!important}.ca-takeaways{width:100%;max-width:var(--ca-wide-max);margin:40px auto;padding:40px var(--homepage-margin);display:flex;flex-direction:column;gap:32px}.ca-takeaways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ca-takeaway-card{background:#fff;border:1px solid var(--ca-border);border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;transition:transform .3s,box-shadow .3s,border-color .3s}.ca-takeaway-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(49,46,211,.1);border-color:var(--ca-border-purple)}.ca-takeaway-card.is-featured{box-shadow:0 0 60px 24px rgba(191,190,241,.25)}.ca-takeaway-icon{width:56px;height:56px;border-radius:50%;background:#fde7e8;color:#ef5c66;display:inline-flex;align-items:center;justify-content:center;font-size:24px}.ca-takeaway-card h3{font-weight:700;font-size:17px;color:var(--ca-text)}.ca-takeaway-card h3,.ca-takeaway-card p{font-family:var(--font-andika),sans-serif;margin:0}.ca-takeaway-card p{font-weight:400;font-size:14px;line-height:1.65;color:var(--ca-muted)}.ca-tail{max-width:var(--ca-wide-max);margin:40px auto 80px;padding:60px clamp(24px,4vw,64px);background:var(--ca-soft);border-radius:28px;gap:56px}.ca-related,.ca-tail{width:100%;display:flex;flex-direction:column;align-items:center}.ca-related{gap:32px}.ca-related-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ca-related-card{background:#fff;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px;transition:transform .25s,box-shadow .25s;text-decoration:none;color:inherit}.ca-related-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(49,46,211,.12)}.ca-related-thumb{width:100%;aspect-ratio:16/10;border-radius:12px;background:linear-gradient(135deg,#eaeafb,#f5f3ff);position:relative;overflow:hidden}.ca-related-thumb img{width:100%;height:100%;object-fit:cover}.ca-related-cat{font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--ca-primary);text-transform:uppercase}.ca-related-title{font-family:var(--font-andika),sans-serif;font-weight:700;font-size:17px;color:var(--ca-text);margin:0;line-height:1.35}.ca-related-meta{font-size:13px;color:var(--ca-muted-2)}.ca-cta{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding-top:24px}.ca-cta-title{font-weight:700;font-size:clamp(1.4rem,2.8vw,2rem);color:var(--ca-text)}.ca-cta-text,.ca-cta-title{font-family:var(--font-andika),sans-serif;margin:0}.ca-cta-text{font-size:16px;color:var(--ca-muted);max-width:540px}.ca-cta-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:12px}.ca-btn-primary,.ca-cta-actions{align-items:center;justify-content:center}.ca-btn-primary{display:inline-flex;gap:8px;height:54px;padding:0 40px;border-radius:999px;background:var(--ca-primary);color:#fff;font-family:var(--font-andika),sans-serif;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,background-color .15s;cursor:pointer;border:none}.ca-btn-primary:hover{background:#2723b8;transform:translateY(-2px);box-shadow:0 14px 30px rgba(49,46,211,.3)}.ca-btn-ghost{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-andika),sans-serif;font-size:15px;font-weight:700;color:var(--ca-primary);transition:opacity .2s}.ca-btn-ghost:hover{opacity:.75}@media (max-width:1100px){.ca-why-flow{grid-template-columns:1fr minmax(300px,400px) 1fr;gap:16px}.ca-why-step{max-width:260px}}@media (max-width:900px){.ca-related-grid,.ca-takeaways-grid{grid-template-columns:1fr}.ca-takeaway-card.is-featured{box-shadow:0 18px 40px rgba(49,46,211,.1)}}@media (max-width:768px){.ca-hero{padding:32px var(--homepage-margin) 48px;gap:28px}.ca-hero-content{gap:16px}.ca-hero:before{width:360px;height:360px;top:-100px;left:-100px;filter:blur(60px)}.ca-hero:after{width:240px;height:240px;filter:blur(60px)}.ca-author-meta{font-size:13px;gap:8px}.ca-section{padding:28px var(--homepage-margin);gap:16px}.ca-verse{padding:40px 20px;border-radius:20px;gap:16px}.ca-verse-text{font-size:1.2rem;line-height:2}.ca-why{padding:28px var(--homepage-margin);gap:32px}.ca-why-flow{grid-template-columns:1fr;gap:28px}.ca-why-illustration{grid-column:1;grid-row:auto;max-width:280px;margin:0 auto}.ca-why-step,.ca-why-step--1,.ca-why-step--2,.ca-why-step--3,.ca-why-step--4,.ca-why-step--5{grid-column:1;grid-row:auto;justify-self:stretch;text-align:left;align-items:flex-start;max-width:100%;width:100%}.ca-tail{padding:40px 20px;gap:36px;margin-bottom:40px}.ca-cta-actions{flex-direction:column;gap:12px;width:100%}.ca-btn-primary{width:100%}}@media (max-width:480px){.ca-chip{font-size:12px;padding:5px 12px}.ca-prose{font-size:16px;line-height:1.75}.ca-quote{font-size:16px;padding:14px 18px}.ca-takeaway-card{padding:24px 22px}.ca-related-card{padding:14px}}