.navbar{

backdrop-filter: blur(14px);

background: rgba(255,255,255,0.92)!important;

}

.nav-link{

color:#0f172a!important;

transition:.3s;

font-size:15px;

}

.nav-link:hover{

color:#0ea5e9!important;

}

.dropdown-menu{

min-width:240px;

}

.dropdown-item{

transition:.3s;

font-weight:500;

}

.dropdown-item:hover{

background:#f1f5f9;

color:#0ea5e9;

padding-left:20px;

}

.hero-section{

    background:
    linear-gradient(
    135deg,
    #f8fafc,
    #e0f2fe
    );

    overflow:hidden;

}

.hero-title{

    font-size:42px;

    font-weight:800;

    line-height:1.1;

    color:#0f172a;

}

.hero-subtitle{

    font-size:22px;

    line-height:1.8;

    color:#64748b;

    margin-top:30px;

}

.hero-image{

    max-height:650px;

    animation:float 4s ease-in-out infinite;

}

.badge-modern{

    display:inline-block;

    padding:12px 24px;

    border-radius:999px;

    background:#dbeafe;

    color:#2563eb;

    font-weight:600;

}

@keyframes float{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-20px);
    }

    100%{
        transform:translateY(0px);
    }

}

.org-card{
background:white;
border-radius:30px;
padding:40px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
text-align:center;
}

.org-card.small{
padding:30px;
}

.org-card.mini{
padding:25px;
}

.org-photo{
width:120px;
height:120px;
object-fit:cover;
border-radius:50%;
margin-bottom:20px;
}

.org-line{
width:4px;
height:70px;
background:#26b6f6;
margin:auto;
margin-bottom:30px;
border-radius:20px;
}

/* =========================
LOGO SEKOLAH NAVBAR
========================= */

.navbar-brand-custom{

display:flex;

align-items:center;

gap:10px;

text-decoration:none;

}

/* LOGO */

.logo-sekolah{

width:62px;

height:62px;

object-fit:contain;

flex-shrink:0;

}

/* TEXT */

.logo-text{

display:flex;

flex-direction:column;

justify-content:center;

line-height:1;

margin-top:2px;

}

/* JUDUL */

.logo-text h1{

margin:0;

padding:0;

font-size:30px;

font-weight:700;

color:#0f172a;

line-height:1;

}

/* SUBTITLE */

.logo-text span{

margin-top:4px;

font-size:15px;

font-weight:500;

color:#64748b;

line-height:1;

}

/* MOBILE */

@media(max-width:768px){

.navbar-brand-custom{

gap:10px;

}

.logo-sekolah{
width:50px;
height:50px;

}

.logo-text h1{

font-size:20px;

}

.logo-text span{

font-size:12px;

margin-top:2px;

}

}