:root{--blue:#0057b8;--dark:#073b7a;--soft:#eaf4ff}
body{font-family:Arial,sans-serif;background:#f8fbff;color:#1e293b;padding-top:70px}
.navbar{background:linear-gradient(90deg,var(--dark),var(--blue))}
.hero{min-height:560px;background:linear-gradient(120deg,rgba(5,51,115,.94),rgba(0,87,184,.78)),url('../img/hero.jpg') center/cover;display:flex;align-items:center;color:white}
.hero h1{font-size:46px;font-weight:800;max-width:880px}.hero p{font-size:20px;max-width:760px}
.section{padding:70px 0}.title{color:var(--dark);font-weight:800;margin-bottom:25px}
.cardx{background:#fff;border-radius:18px;padding:26px;box-shadow:0 10px 28px rgba(0,45,100,.09);height:100%;border-top:5px solid var(--blue)}
.quick{margin-top:-55px;position:relative}.quick .cardx{text-align:center;color:var(--blue);font-weight:800}
.news-img{height:210px;object-fit:cover;width:100%}.btn-blue{background:var(--blue);color:#fff;border:0}.btn-blue:hover{background:var(--dark);color:#fff}
.page-head{background:linear-gradient(90deg,var(--dark),var(--blue));color:white;padding:55px 0}
.footer{background:#062b5f;color:white;padding:45px 0 22px}.table-card{background:white;border-radius:16px;box-shadow:0 8px 22px rgba(0,0,0,.08);padding:22px}
a{word-break:break-word}.admin-wrap{min-height:100vh}.sidebar{background:#062b5f;color:white;min-height:100vh}.sidebar a{display:block;color:white;text-decoration:none;padding:12px 18px;border-radius:10px}.sidebar a:hover{background:#0b4a97}
@media(max-width:768px){.hero h1{font-size:32px}.hero{min-height:460px}}
.hero-ukip{
    min-height: 720px;
    background:
        linear-gradient(90deg, rgba(0,30,80,.88), rgba(0,88,180,.58)),
        url('../img/image_rektorat.png');
    background-size: cover;
    background-position: center;
    position: relative;
}

.hero-ukip .hero-overlay{
    min-height: 720px;
    display: flex;
    align-items: center;
    padding: 120px 0 90px;
}

.hero-ukip h1{
    font-size: 48px;
    font-weight: 800;
    line-height: 1.15;
    max-width: 760px;
}

.hero-ukip p{
    font-size: 22px;
    max-width: 780px;
}

.sinta-card{
    background: rgba(255,255,255,.96);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.45);
}

.sinta-header{
    background: linear-gradient(135deg, #004ba8, #0074e8);
    color: #fff;
    padding: 24px;
}

.sinta-header h4{
    margin: 0;
    font-weight: 800;
}

.sinta-header small{
    opacity: .9;
}

.sinta-body{
    padding: 24px;
}

.sinta-box{
    background: #eef6ff;
    border-radius: 18px;
    padding: 20px 10px;
    height: 100%;
}

.sinta-box h3{
    color: #004ba8;
    font-weight: 800;
    margin-bottom: 5px;
}

.sinta-box span{
    font-size: 14px;
    color: #475569;
}

.sinta-score{
    background: #003b7a;
    color: #fff;
    border-radius: 18px;
    padding: 18px;
    text-align: center;
}

.sinta-score small{
    display: block;
    opacity: .85;
}

.sinta-score strong{
    display: block;
    font-size: 34px;
    line-height: 1;
    margin-top: 6px;
}

@media(max-width: 768px){
    .hero-ukip,
    .hero-ukip .hero-overlay{
        min-height: auto;
    }

    .hero-ukip .hero-overlay{
        padding: 110px 0 70px;
    }

    .hero-ukip h1{
        font-size: 34px;
    }

    .hero-ukip p{
        font-size: 18px;
    }

    .sinta-card{
        margin-top: 20px;
    }
}