.research-hero{

padding:150px 0 80px;

background:#111827;

text-align:center;

}

.research-hero h1{

font-size:52px;

color:#fff;

margin-bottom:20px;

}

.research-hero p{

color:#cbd5e1;

font-size:20px;

max-width:700px;

margin:auto;

line-height:1.8;

}

/* Featured Research */

.featured-research{

padding:70px 0;

background:#0f172a;

}

.featured-card{

display:flex;

justify-content:space-between;

align-items:center;

gap:50px;

background:#1e293b;

padding:45px;

border-radius:20px;

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

}

.featured-left{

flex:1;

}

.featured-tag{

display:inline-block;

background:#38bdf8;

color:#0f172a;

padding:8px 18px;

border-radius:30px;

font-weight:600;

margin-bottom:20px;

}

.featured-left h2{

color:#fff;

font-size:34px;

line-height:1.4;

margin-bottom:20px;

}

.featured-left p{

color:#cbd5e1;

line-height:1.8;

margin-bottom:25px;

}

.research-meta{

display:flex;

gap:20px;

flex-wrap:wrap;

margin-bottom:30px;

color:#94a3b8;

}

.btn-primary{

display:inline-block;

padding:14px 30px;

background:#38bdf8;

color:#0f172a;

text-decoration:none;

border-radius:8px;

font-weight:600;

transition:.3s;

}

.btn-primary:hover{

background:#0ea5e9;

}

.featured-right{

font-size:120px;

color:#38bdf8;

}

@media(max-width:768px)

.featured-card{

flex-direction:column;

text-align:center;

}

.featured-right{

font-size:80px;

}

.featured-left h2{

font-size:28px;

}

/* ================================
   Neural Network Article Design
================================ */

.article-container{
    width:90%;
    max-width:900px;
    margin:auto;
}


/* Hero */

.article-hero{
    padding:120px 0 50px;
    text-align:center;
}

.back-link{
    color:#38bdf8;
    text-decoration:none;
    display:inline-block;
    margin-bottom:25px;
}

.article-hero h1{
    color:#ffffff;
    font-size:48px;
    line-height:1.3;
    margin-bottom:15px;
}

.article-meta{
    color:#94a3b8;
    margin-bottom:40px;
}


.article-cover{
    width:100%;
    border-radius:20px;
}



/* Article Cards */

.article-card{
    background:#1e293b;
    padding:35px;
    margin:40px 0;
    border-radius:18px;
    border:1px solid rgba(255,255,255,0.08);
}


.article-card h2{
    color:#ffffff;
    font-size:30px;
    margin-bottom:20px;
}


.article-card p{
    color:#cbd5e1;
    font-size:17px;
    line-height:1.9;
}



/* Images */

.article-image{
    width:100%;
    margin:25px 0;
    border-radius:15px;
}



/* Highlight Box */

.highlight-box{

    display:flex;
    gap:20px;
    align-items:flex-start;

    background:#0f172a;
    border-left:5px solid #38bdf8;

    padding:25px;
    margin:40px 0;

    border-radius:12px;
}


.highlight-box i{

    color:#38bdf8;
    font-size:28px;

}


.highlight-box h3{

    color:white;
    margin-bottom:10px;

}



/* Feature Cards */


.feature-grid{

    display:grid;

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

    gap:20px;

    margin-top:30px;

}


.feature-box{

    background:#0f172a;

    padding:25px;

    border-radius:12px;

}


.feature-box h3{

    color:#38bdf8;

    margin-bottom:10px;

}


.feature-box p{

    font-size:15px;

}





/* Research List */

.research-list{

    color:#cbd5e1;

    line-height:2;

    padding-left:20px;

}



/* Learning Steps */


.steps{

    display:grid;

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

    gap:15px;

}


.steps div{

    background:#0f172a;

    padding:20px;

    border-radius:12px;

    text-align:center;

    color:#ffffff;

}


.steps span{

    display:block;

    background:#38bdf8;

    color:#0f172a;

    width:35px;

    height:35px;

    line-height:35px;

    border-radius:50%;

    margin:0 auto 10px;

    font-weight:bold;
}



@media(max-width:768px){


.article-hero h1{

    font-size:34px;

}


.article-card{

    padding:25px;

}


.feature-grid{

    grid-template-columns:1fr;

}

.steps{

    grid-template-columns:1fr;

}
}

.research-stats{
    padding:50px 0;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.stat-card{
    background:#1e293b;
    border:1px solid #2b3b52;
    border-radius:12px;
    padding:20px;
    text-align:center;
}