/*==============================
        STUDY HERO
===============================*/

.study-hero{

    min-height:70vh;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:100px 8%;

    background:linear-gradient(135deg,#1C2526,#263238);

}

.study-content{

    max-width:900px;

}

.hero-badge{

    display:inline-block;

    padding:10px 22px;

    background:rgba(255,213,79,.15);

    color:#FFD54F;

    border:1px solid rgba(255,213,79,.4);

    border-radius:30px;

    font-weight:600;

    margin-bottom:25px;

}

.study-content h1{

    font-size:64px;

    line-height:1.2;

    margin-bottom:25px;

}

.study-content h1 span{

    display:block;

    color:#FFD54F;

}

.study-content p{

    max-width:720px;

    margin:auto;

    font-size:21px;

    color:#cfd8dc;

    line-height:1.8;

}

.hero-stats{

    display:flex;

    justify-content:center;

    gap:40px;

    flex-wrap:wrap;

    margin:50px 0;

}

.stat{

    min-width:130px;

}

.stat h3{

    font-size:42px;

    color:#FFD54F;

}

.stat span{

    color:#B0BEC5;

}

/*==============================
      HERO BUTTONS
===============================*/

.hero-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-top:45px;

    flex-wrap:wrap;

}

/* Primary Button */

.primary-btn{

    display:inline-block;

    background:#FFD54F;

    color:#1C2526;

    padding:18px 38px;

    border-radius:10px;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.primary-btn:hover{

    background:#FFC107;

    transform:translateY(-3px);

}

/* Secondary Button */

.secondary-btn{

    display:inline-block;

    border:2px solid #FFD54F;

    color:#FFD54F;

    padding:18px 38px;

    border-radius:10px;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.secondary-btn:hover{

    background:#FFD54F;

    color:#1C2526;

    transform:translateY(-3px);

}
/* ===========================
        SEARCH SECTION
=========================== */

.search-section{

    padding:90px 8%;

}

.search-container{

    max-width:900px;

    margin:auto;

    text-align:center;

}

.search-container h2{

    font-size:42px;

    color:#FFD54F;

    margin-bottom:15px;

}

.search-container p{

    color:#cccccc;

    font-size:18px;

    margin-bottom:40px;

}

/*==========================
      SEARCH WRAPPER
===========================*/

.search-wrapper{

    position:relative;

    max-width:850px;

    margin:40px auto;

}

/* Search Box */

.search-box{

    display:flex;

    align-items:center;

    background:#263238;

    padding:18px 25px;

    border-radius:50px;

    border:2px solid transparent;

}

.search-box:focus-within{

    border-color:#FFD54F;

}

.search-icon{

    font-size:22px;

    margin-right:15px;

}

.search-box input{

    width:100%;

    background:none;

    border:none;

    outline:none;

    color:white;

    font-size:18px;

}

/*==========================
      SEARCH RESULTS
===========================*/

.search-results{

    position:absolute;

    top:75px;

    width:100%;

    background:#263238;

    border-radius:15px;

    overflow:hidden;

    display:none;

    box-shadow:0 10px 30px rgba(0,0,0,.35);

    z-index:100;

}

/* Individual Result */

.search-item{

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:16px 20px;

    cursor:pointer;

    border-bottom:1px solid rgba(255,255,255,.08);

    transition:.25s;

}

.search-item:last-child{

    border-bottom:none;

}

.search-item:hover{

    background:#37474F;

}
/* Left Side */

.search-info{

    display:flex;

    flex-direction:column;

    align-items:center;

}
.search-info h4{

    color:#FFD54F;

    font-size:22px;

    font-weight:600;

    margin:0 0 6px;

}

.search-info p{

    color:#B0BEC5;

    font-size:16px;

    margin:0;

}
/* Popular Search */

.popular-search{

    margin-top:40px;

}

.popular-search h3{

    color:white;

    margin-bottom:20px;

}

.search-tags{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

}

.search-tags button{

    background:#263238;

    color:white;

    border:none;

    padding:12px 22px;

    border-radius:30px;

    cursor:pointer;

    transition:.3s;

}

.search-tags button:hover{

    background:#FFD54F;

    color:#1C2526;

}
.search-box button{

    background:#FFD54F;

    color:#1C2526;

    border:none;

    padding:12px 25px;

    border-radius:30px;

    cursor:pointer;

    font-weight:bold;

    transition:.3s;

}

.search-box button:hover{

    background:#FFC107;

}
/* ==========================
      CATEGORY SECTION
========================== */

.category-section{

    padding:100px 8%;

}

.category-section .section-title{

    text-align:center;

    margin-bottom:60px;

}

.category-section .section-title h2{

    font-size:46px;

    color:#FFD54F;

    margin-bottom:15px;

}

.category-section .section-title p{

    font-size:18px;

    color:#B0BEC5;

    line-height:1.6;

}
.category-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}

.category-card{

    background:#263238;

    padding:35px;

    border-radius:20px;

    border:1px solid rgba(255,255,255,.08);

    transition:.35s;

}

.category-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.35);

}

.category-icon{

    font-size:60px;

    margin-bottom:20px;

}

.category-card h3{

    font-size:28px;

    margin-bottom:25px;

}

.category-card ul{

    list-style:none;

    margin-bottom:30px;

}

.category-card li{

    margin:12px 0;

    color:#dddddd;

}

.category-card a{

    display:inline-block;

    background:#FFD54F;

    color:#1C2526;

    padding:14px 28px;

    border-radius:10px;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.category-card a:hover{

    background:#FFC107;

}
/*==============================
      RECENTLY ADDED
===============================*/

.recent-section{

    padding:100px 8%;

}
.recently-added h2 {
    margin-bottom: 8px;
}
.recent-section .section-title{

    text-align:center;

    margin-bottom:60px;

}

.recent-section .section-title h2{

    font-size:46px;

    color:#FFD54F;

    margin-bottom:15px;

}

.recent-section .section-title p{

    color:#B0BEC5;

    font-size:18px;

}

.recently-added p {
    margin-bottom: 30px;   /* Creates space before the cards */
}

.recent-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.recent-card{

    background:#263238;

    border-radius:18px;

    padding:30px;

    border:1px solid rgba(255,255,255,.08);

    transition:.35s;

}

.recent-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 35px rgba(0,0,0,.35);

}

.badge{

    display:inline-block;

    padding:8px 15px;

    border-radius:25px;

    font-size:13px;

    font-weight:700;

    margin-bottom:20px;

}

.video{

    background:#FF3D3D;

    color:white;

}

.notes{

    background:#42A5F5;

    color:white;

}

.pyq{

    background:#66BB6A;

    color:white;

}

.recent-card h3{

    font-size:24px;

    margin-bottom:15px;

}

.recent-card p{

    color:#cccccc;

    line-height:1.7;

    margin-bottom:20px;

}

.date{

    display:block;

    color:#FFD54F;

    margin-bottom:25px;

}

.recent-card a{

    text-decoration:none;

    color:#FFD54F;

    font-weight:600;

}

.recent-card a:hover{

    color:#FFC107;

}