html,body{
    margin:0;
    min-height:100%;
}

body.ssk-index-clean-body{
    margin:0 !important;
    background:#faf5ef !important;
    color:#281c16 !important;
    font-family:Inter,"Segoe UI",Arial,sans-serif !important;
    -webkit-font-smoothing:antialiased;
}

body.ssk-index-clean-body > *:not(#ssk-index-shell):not(script):not(style):not(link){
    display:none !important;
}

#ssk-index-shell,
#ssk-index-shell *{
    box-sizing:border-box;
}

/* HEADER */

.ssk-index-header{
    width:100%;
    min-height:105px;
    padding:13px 3%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:26px;
    color:#fff;
    background:linear-gradient(105deg,#61290c,#823a12 52%,#ab561c);
    border-bottom:2px solid #d8a560;
    box-shadow:0 9px 25px rgba(70,30,9,.14);
}

.ssk-index-brand{
    display:flex;
    align-items:center;
    gap:15px;
    min-width:0;
}

.ssk-index-logo-link{
    display:flex;
    flex:0 0 auto;
}

.ssk-index-logo{
    width:70px;
    height:70px;
    padding:5px;
    border-radius:50%;
    background:#fff;
    object-fit:contain;
}

.ssk-index-brand-copy h1{
    margin:0 0 4px;
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:28px;
    font-weight:400;
    line-height:1.05;
    white-space:nowrap;
}

.ssk-index-brand-copy p{
    margin:0 0 4px;
    color:#fff2e6;
    font-size:12.5px;
}

.ssk-index-brand-copy span{
    color:#f3d4a2;
    font-size:10.5px;
    font-weight:600;
}

.ssk-index-nav{
    display:flex;
    gap:4px;
}

.ssk-index-nav a{
    min-height:36px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    color:#fff;
    font-size:11.5px;
    font-weight:600;
    border-radius:6px;
    text-decoration:none;
}

.ssk-index-nav a:hover{
    background:rgba(255,255,255,.10);
}

/* MARQUEE BAR */

.ssk-index-newsbar{
    width:100%;
    height:40px;
    padding:0 3%;
    display:grid;
    grid-template-columns:max-content 1px minmax(0,1fr);
    align-items:center;
    gap:14px;
    overflow:hidden;
    background:#fff9f2;
    border-bottom:1px solid #e5d1bd;
}

.ssk-index-whatsapp{
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
}

.ssk-index-green{
    color:#15a04d;
    font-size:10px;
}

.ssk-index-whatsapp strong{
    color:#211a16;
    font-size:11px;
    font-weight:700;
}

.ssk-index-whatsapp a{
    height:27px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    background:linear-gradient(#a65a26,#79350d);
    color:#fff;
    font-size:9.5px;
    font-weight:700;
    text-decoration:none;
}

.ssk-index-divider{
    width:1px;
    height:18px;
    background:#d3bca7;
}

.ssk-index-marquee{
    position:relative;
    width:100%;
    min-width:0;
    height:40px;
    overflow:hidden;
    white-space:nowrap;
}

.ssk-index-track{
    position:absolute;
    top:0;
    left:0;
    height:40px;
    width:max-content;
    display:flex;
    align-items:center;
    gap:28px;
    padding-left:100%;
    animation:sskIndexTicker 36s linear infinite;
    will-change:transform;
}

.ssk-index-track span{
    color:#653116;
    font-size:11.5px;
    line-height:40px;
    white-space:nowrap;
}

.ssk-index-track strong{
    color:#b92018;
    font-weight:800;
}

.ssk-index-track .ssk-index-support strong{
    color:#16704c;
}

.ssk-index-track i{
    color:#ad5c25;
    font-size:8px;
    font-style:normal;
}

@keyframes sskIndexTicker{
    from{transform:translateX(0);}
    to{transform:translateX(-100%);}
}

/* CAMPUS BACKGROUND */

.ssk-index-campus{
    min-height:calc(100vh - 105px - 40px - 48px);
    padding:22px 3% 36px;
    background:
        linear-gradient(rgba(255,250,245,.80),rgba(255,250,245,.88)),
        url('/assets/images/campus-3.jpeg') center center / cover fixed no-repeat;
}

#ssk-index-real-content main{
    max-width:1450px !important;
    margin:0 auto !important;
    padding:0 !important;
    background:transparent !important;
}

/* HERO */

#ssk-index-real-content main > section:first-child{
    padding:26px 30px !important;
    border:1px solid rgba(106,49,15,.13) !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 18px 48px rgba(70,31,10,.11) !important;
    backdrop-filter:blur(6px);
}

#ssk-index-real-content main > section:first-child h1,
#ssk-index-real-content main > section:first-child h2{
    color:#50250e !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-weight:400 !important;
}

#ssk-index-real-content main > section:first-child h1{
    font-size:clamp(32px,3vw,46px) !important;
    line-height:1.08 !important;
}

#ssk-index-real-content main > section:first-child p{
    color:#5f5045 !important;
    font-size:13.5px !important;
    line-height:1.6 !important;
}

/* CARDS */

#ssk-index-real-content .card{
    border:1px solid rgba(103,47,14,.12) !important;
    border-left:3px solid #904012 !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.95) !important;
    box-shadow:0 11px 30px rgba(70,31,10,.08) !important;
}

#ssk-index-real-content .card h2,
#ssk-index-real-content .card h3{
    color:#55270f !important;
    font-family:Georgia,"Times New Roman",serif !important;
}

/* BUTTONS */

#ssk-index-real-content a[href*="register"]{
    background:linear-gradient(#a45823,#7b360d) !important;
    color:#fff !important;
    border:0 !important;
    border-radius:7px !important;
}

#ssk-index-real-content a[href*="login"]{
    background:#53260e !important;
    color:#fff !important;
    border:0 !important;
    border-radius:7px !important;
}

/* FOOTER */

.ssk-index-footer{
    min-height:48px;
    padding:8px 3%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    background:linear-gradient(#60280a,#512006);
    color:rgba(255,255,255,.79);
    font-size:9.5px;
}

.ssk-index-footer a{
    color:#efbf79;
    font-weight:700;
    text-decoration:none;
}

@media(max-width:900px){
    .ssk-index-brand-copy h1{
        font-size:21px;
        white-space:normal;
    }

    .ssk-index-nav{
        display:none;
    }
}

@media(max-width:650px){
    .ssk-index-header{
        min-height:78px;
        padding:10px 12px;
    }

    .ssk-index-logo{
        width:55px;
        height:55px;
    }

    .ssk-index-brand-copy h1{
        font-size:17px;
    }

    .ssk-index-brand-copy p{
        font-size:9px;
    }

    .ssk-index-brand-copy span{
        font-size:8px;
    }

    .ssk-index-newsbar{
        height:38px;
        padding:0 8px;
        grid-template-columns:auto minmax(0,1fr);
        gap:8px;
    }

    .ssk-index-divider{
        display:none;
    }

    .ssk-index-whatsapp strong{
        display:none;
    }

    .ssk-index-track{
        animation-duration:27s;
    }

    .ssk-index-track span{
        font-size:10px;
        line-height:38px;
    }

    .ssk-index-footer{
        flex-direction:column;
        text-align:center;
        padding:11px;
    }
}