.hero{min-height:calc(100vh - 74px);color:var(--color-white);background:linear-gradient(130deg, var(--color-darkest) 15%, var(--color-dark) 85%);isolation:isolate;align-items:center;display:flex;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;position:absolute}.hero:before{opacity:.65;background-image:radial-gradient(circle at 20% 20%,#f5ad1826,#0000 32%),radial-gradient(circle at 80% 30%,#ffffff14,#0000 28%),repeating-radial-gradient(circle,#ffffff0d,#ffffff0d 2px,#0000 2px 12px);inset:0}.hero:after{border:2px solid #f5ad184d;border-radius:38% 62% 45% 55%/52% 36% 64% 48%;width:420px;height:420px;bottom:-130px;right:-90px;box-shadow:inset 0 0 0 22px #f5ad1814}.hero-content{z-index:1;text-align:center;max-width:900px;position:relative}.hero-bismillah{color:var(--color-accent);font-size:clamp(2rem,6vw,3.6rem);font-family:var(--font-playfair), serif;letter-spacing:.08em;margin:0 auto 1rem}.hero-title{color:var(--color-white);font-size:clamp(1.9rem,4.5vw,3.4rem);line-height:1.2}.hero-text{color:#ffffffe0;max-width:68ch;margin:1.2rem auto 0;font-size:clamp(1rem,2vw,1.2rem)}.hero-actions{flex-direction:column;justify-content:center;gap:.8rem;margin-top:1.8rem;display:flex}.hero-btn-primary{background:var(--color-accent);color:var(--color-darkest);border-color:var(--color-accent)}.hero-btn-outline{color:var(--color-white);background:0 0;border-color:#ffffffe6}.country-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;margin-top:1.6rem;display:flex}.country-badges span{color:var(--color-white);background:#ffffff1f;border:1px solid #fff3;border-radius:999px;padding:.4rem .75rem;font-size:clamp(.8rem,1.4vw,.95rem)}@media (min-width:768px){.hero-actions{flex-direction:row}}
.why-section{background:var(--color-light-bg)}.why-grid{gap:1rem;margin-top:2rem;display:grid}.why-card{background:var(--color-white);border-left:5px solid var(--color-accent);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);padding:1.2rem}.why-card:hover{box-shadow:var(--shadow-hover);border-left-color:var(--color-primary);animation:1.1s pulseBorder;transform:translateY(-6px)}.why-icon{background:#f5ad1833;border-radius:12px;place-items:center;width:48px;height:48px;font-size:1.5rem;display:inline-grid}.why-icon svg{color:var(--color-darkest)}.why-card h3{margin-top:.85rem;font-size:clamp(1.1rem,1.9vw,1.35rem)}.why-card p{margin-top:.5rem}@keyframes pulseBorder{0%{border-left-color:var(--color-accent)}50%{border-left-color:var(--color-dark)}to{border-left-color:var(--color-primary)}}@media (min-width:768px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.course-card{background:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);border:1px solid #8118442e;padding:1.3rem}.course-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-6px)}.course-card.alt{border-color:#f5ad1859}.course-card h3{margin-top:.75rem;font-size:clamp(1.1rem,1.9vw,1.3rem)}.course-card p{margin-top:.55rem}.course-icon{background:#8118441f;border-radius:12px;place-items:center;width:46px;height:46px;font-size:1.4rem;display:inline-grid}.course-card.alt .course-icon{background:#f5ad183b}.course-link{color:var(--color-primary);margin-top:.9rem;font-weight:600;display:inline-flex;position:relative}.course-link:after{content:"";transform-origin:0;width:100%;height:2px;transition:transform var(--transition);background:currentColor;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.course-link:hover:after{transform:scaleX(1)}
.stats-banner{background:var(--color-darkest);padding:clamp(30px,5vw,60px) 0}.stats-grid{gap:1rem;display:grid}.stat-item{text-align:center;padding:1rem}.stat-item h3{color:var(--color-accent);font-size:clamp(1.6rem,4vw,2.5rem)}.stat-item p{color:#ffffffd1;margin-top:.4rem;font-size:clamp(.95rem,1.4vw,1rem)}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cta-section{background:linear-gradient(130deg,#9e1c601c,#f5ad1838)}.cta-content{text-align:center;max-width:760px}.cta-content h2{font-size:clamp(1.7rem,3vw,2.5rem)}.cta-content p{max-width:56ch;margin:1rem auto 1.4rem}.cta-btn{background:var(--color-primary);color:var(--color-white)}.cta-btn:hover{background:var(--color-dark)}
.home-page{background:var(--color-white)}.home-courses{position:relative}.home-courses:before{content:"";background:linear-gradient(90deg,#0000 0%,#f5ad18b3 20%,#9e1c60b3 50%,#f5ad18b3 80%,#0000 100%);width:100%;height:12px;position:absolute;top:0;left:0}.home-courses-grid{gap:1rem;margin-top:2rem;display:grid}@media (min-width:768px){.home-courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.home-courses-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-courses-grid article:last-child{grid-column:span 2}}