/* ===== Course Hero ===== */

.course-hero{

padding:140px 0 80px;

text-align:center;

}

.course-title{

font-size:50px;

margin-bottom:20px;

}

.course-intro{

max-width:700px;

margin:auto;

line-height:2;

color:#9aa4b2;

margin-bottom:35px;

}


/* ===== Course Sections ===== */

.course-section{

padding:60px 0;

}

.course-section.dark{

background:#020617;

}


/* ===== Course Text ===== */

.course-text{

max-width:800px;

margin:auto;

line-height:2;

color:#9aa4b2;

text-align:center;
  font-size: 20px;
    line-height: 2.2;
}


/* ===== Topics Grid ===== */

.topics-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:25px;

margin-top:40px;

}


/* ===== Topic Card ===== */

.topic-card{

background:#0f172a;

padding:25px;

border-radius:10px;

border:1px solid rgba(255,255,255,0.05);

transition:all .3s ease;

}

.topic-card:hover{

transform:translateY(-6px);

border-color:#facc15;

}


/* ===== Lists ===== */

.course-list{

max-width:700px;

margin:auto;

line-height:2.4;

color:#9aa4b2;

}


/* ===== Register Section ===== */

.course-register{

padding:100px 0;

text-align:center;

}