/* =====================================================
   SCOALA PREMIUM
===================================================== */

:root{

--primary:#0B3A6E;
--secondary:#123F72;
--accent:#D4AF37;

--dark:#1F2937;

--light:#F8FAFC;

--text:#374151;

--radius:12px;

--shadow:0 10px 25px rgba(0,0,0,.08);

}

/* RESET */

*{

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:'Open Sans',sans-serif;

font-size:16px;

line-height:1.7;

background:#fff;

color:var(--text);

}

/* LINKS */

a{

text-decoration:none;

color:inherit;

transition:.3s;

}

/* CONTAINER */

.container{

width:min(1200px,92%);

margin:auto;

}

/* IMAGES */

img{

max-width:100%;

height:auto;

display:block;

}

/* BUTTON */

.btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:15px 32px;

background:var(--primary);

color:#fff;

border-radius:40px;

font-weight:600;

transition:.3s;

}

.btn:hover{

background:var(--accent);

}

/* HEADER */

.site-header{

background:#fff;

box-shadow:var(--shadow);

position:sticky;

top:0;

z-index:999;

}

/* HERO */

.hero{

min-height:650px;

display:flex;

align-items:center;

background:#eef3f8;

}

/* SECTION */

.section{

padding:90px 0;

}

/* TITLES */

.section-title{

font-family:'Poppins',sans-serif;

font-size:42px;

font-weight:700;

margin-bottom:25px;

color:var(--dark);

}

/* CARDS */

.card{

background:#fff;

padding:35px;

border-radius:var(--radius);

box-shadow:var(--shadow);

transition:.3s;

}

.card:hover{

transform:translateY(-8px);

}

.cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}

.top-bar{
    background:#0B3A6E;
    color:#fff;
    font-size:14px;
    padding:8px 0;
}

.top-bar-inner{
    display:flex;
    justify-content:space-between;
    gap:20px;
}

.header-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 0;
}

.main-menu{
    display:flex;
    list-style:none;
    gap:30px;
}

.main-menu a{
    font-weight:600;
    color:#1F2937;
}

.main-menu a:hover{
    color:#0B3A6E;
}

.site-footer{
    background:#1F2937;
    color:#fff;
    margin-top:80px;
}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:40px;
    padding:60px 0;
}

.copyright{
    border-top:1px solid rgba(255,255,255,.1);
    padding:20px 0;
    text-align:center;
}


.hero-slider{

position:relative;

height:700px;

overflow:hidden;

}

.slide{

position:relative;

height:700px;

}

.slide img{

width:100%;

height:700px;

object-fit:cover;

}

.overlay{

position:absolute;

top:0;

left:0;

right:0;

bottom:0;

background:rgba(0,0,0,.45);

display:flex;

flex-direction:column;

justify-content:center;

padding-left:12%;

color:#fff;

}

.overlay h1{

font-size:62px;

font-family:Poppins;

margin-bottom:20px;

max-width:700px;

}

.overlay p{

font-size:20px;

max-width:650px;

margin-bottom:35px;

}

.hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .6s ease;
}

.hero-slide.is-active {
    opacity: 1;
    visibility: visible;
}

.quick-links{

margin-top:-70px;

position:relative;

z-index:20;

}

.quick-grid{

display:grid;

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

gap:30px;

}

.quick-card{

background:#fff;

padding:40px;

border-radius:16px;

box-shadow:0 15px 45px rgba(0,0,0,.08);

text-align:center;

transition:.3s;

}

.quick-card:hover{

transform:translateY(-10px);

}

.quick-card .icon{

font-size:48px;

margin-bottom:20px;

color:#0B3A6E;

}

.quick-card h3{

margin-bottom:15px;

font-size:24px;

}
.stat-card{
    background:#fff;
    border-radius:16px;
    padding:40px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.3s;
}

.stat-card:hover{
    transform:translateY(-8px);
}

.stat-icon{
    font-size:42px;
    margin-bottom:15px;
}

.stat-card h2{
    font-size:48px;
    color:var(--primary);
}

.stat-card p{
    margin-top:10px;
    color:#666;
}

.news-grid{

display:grid;

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

gap:35px;

}

.news-card{

background:#fff;

border-radius:18px;

overflow:hidden;

box-shadow:0 15px 40px rgba(0,0,0,.08);

transition:.35s;

display:flex;

flex-direction:column;

}

.news-card:hover{

transform:translateY(-10px);

}

.news-image{

display:block;

aspect-ratio:16/9;

overflow:hidden;

}

.news-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.4s;

}

.news-card:hover img{

transform:scale(1.05);

}

.news-content{

padding:28px;

}

.news-meta{

font-size:14px;

color:#888;

margin-bottom:15px;

}

.news-card h3{

font-size:24px;

margin-bottom:18px;

}

.news-card .excerpt{

margin-bottom:25px;

}

@media(max-width:992px){

.news-grid{

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

}

}

@media(max-width:768px){

.news-grid{

grid-template-columns:1fr;

}

}

.events-grid{

display:grid;

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

gap:35px;

}

.event-card{

background:#fff;

border-radius:18px;

overflow:hidden;

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

transition:.3s;

}

.event-card:hover{

transform:translateY(-8px);

}

.event-image img{

width:100%;

aspect-ratio:16/9;

object-fit:cover;

}

.event-content{

padding:30px;

}

.event-date{

font-size:14px;

color:#0B3A6E;

font-weight:600;

margin-bottom:15px;

}