.ss-home{color:#172033;background:#fff}.ss-container{width:min(1100px,calc(100% - 32px));margin:auto}.ss-hero{background:linear-gradient(135deg,#eef7ff,#f8fbff 55%,#eefaf5);border-bottom:1px solid #e6edf4;padding:70px 0}.ss-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.ss-kicker,.ss-head>div>span,.ss-cta>div>div>span{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;color:#0879d1;margin-bottom:10px}.ss-hero h1{font-size:46px;line-height:1.1;letter-spacing:-1px;margin:0 0 17px;color:#12233b}.ss-hero p{font-size:18px;line-height:1.7;color:#53657b;max-width:650px;margin:0 0 24px}.ss-search{display:flex;max-width:640px;background:#fff;border:1px solid #dce5ee;border-radius:12px;padding:6px;box-shadow:0 8px 25px #1f415c14}.ss-search input{flex:1;border:0!important;box-shadow:none!important;background:transparent!important;padding:12px 14px!important;font-size:15px!important;min-width:0}.ss-search button{border:0;border-radius:8px;background:#0879d1;color:#fff;padding:0 23px;font-weight:700}.ss-hero-links{display:flex;gap:20px;margin-top:15px}.ss-hero-links a,.ss-head>a,.ss-more{color:#0879d1;font-weight:700;text-decoration:none}.ss-hero-card{background:#fff;border:1px solid #dfe8f0;border-radius:18px;padding:30px;text-align:center;box-shadow:0 18px 45px #234a671a}.ss-hero-icon{width:70px;height:70px;border-radius:19px;background:#e7f4ff;display:flex;align-items:center;justify-content:center;font-size:36px;margin:auto auto 15px}.ss-hero-card strong{display:block;font-size:25px}.ss-hero-card>span{display:block;color:#6b7c8f;margin-top:5px}.ss-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:23px}.ss-stats div{background:#f6f9fc;border-radius:10px;padding:11px 4px}.ss-stats b,.ss-stats small{display:block}.ss-stats b{font-size:18px;color:#0879d1}.ss-stats small{font-size:11px;color:#66788b;margin-top:3px}.ss-section{padding:62px 0}.ss-soft{background:#f5f7fa}.ss-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.ss-head h2{font-size:30px;line-height:1.2;margin:0 0 6px;color:#17263b}.ss-head p{margin:0;color:#66788b}.ss-grades{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.ss-grades>a{display:flex;align-items:center;gap:9px;padding:15px 11px;background:#fff;border:1px solid #e1e8ef;border-radius:12px;text-decoration:none;color:#172033;transition:.18s}.ss-grades>a:hover,.ss-subjects>a:hover,.ss-posts article:hover{transform:translateY(-2px);box-shadow:0 8px 22px #18365014}.ss-grades b{width:39px;height:39px;flex:0 0 39px;border-radius:11px;background:#e8f4ff;color:#0879d1;display:flex;align-items:center;justify-content:center;font-size:18px}.ss-grades strong,.ss-grades small{display:block}.ss-grades small{font-size:11px;color:#7b8b9c}.ss-grades em{margin-left:auto;font-style:normal;color:#9aa9b8}.ss-subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.ss-subjects>a{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e1e8ef;border-radius:14px;padding:18px;text-decoration:none;color:#172033;transition:.18s}.ss-subjects b{width:48px;height:48px;border-radius:13px;background:#eef7ff;display:flex;align-items:center;justify-content:center;font-size:24px}.ss-subjects strong,.ss-subjects small{display:block}.ss-subjects small{font-size:12px;color:#738398;margin-top:4px}.ss-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.ss-posts article{background:#fff;border:1px solid #e1e8ef;border-radius:14px;overflow:hidden;transition:.18s}.ss-thumb{display:block;aspect-ratio:16/9;background:#edf4f9;overflow:hidden;text-decoration:none}.ss-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ss-thumb span{height:100%;display:flex;align-items:center;justify-content:center;font-size:45px}.ss-posts article>div{padding:19px}.ss-posts label{font-size:11px;letter-spacing:.06em;font-weight:800;color:#0879d1}.ss-posts label.soal{color:#16a06a}.ss-posts h3{font-size:19px;line-height:1.35;margin:7px 0}.ss-posts h3 a{color:#172033;text-decoration:none}.ss-posts p{font-size:14px;line-height:1.6;color:#68798c;margin:0 0 12px}.ss-empty{grid-column:1/-1;padding:28px;background:#fff;border:1px dashed #d5dfe8;border-radius:12px;color:#68798c}.ss-cta{padding:52px 0;background:#0d4775;color:#fff}.ss-cta .ss-container{display:flex;justify-content:space-between;align-items:center;gap:30px}.ss-cta>div>div>span{color:#9bd3ff}.ss-cta h2{font-size:32px;color:#fff;margin:0 0 7px}.ss-cta p{margin:0;color:#d3e6f5}.ss-cta .ss-container>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.ss-cta a{background:#fff;color:#0d4775;text-decoration:none;font-weight:800;border-radius:9px;padding:12px 16px}.ss-cta a:last-child{background:#1688df;color:#fff}@media(max-width:900px){.ss-hero-grid{grid-template-columns:1fr}.ss-hero h1{font-size:38px}.ss-grades{grid-template-columns:repeat(3,1fr)}.ss-subjects,.ss-posts{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.ss-container{width:calc(100% - 22px)}.ss-hero{padding:45px 0}.ss-hero h1{font-size:32px}.ss-hero p{font-size:16px}.ss-search{display:block;background:none;border:0;padding:0;box-shadow:none}.ss-search input{width:100%;background:#fff!important;border:1px solid #dce5ee!important;border-radius:9px!important;margin-bottom:8px}.ss-search button{width:100%;height:46px}.ss-section{padding:45px 0}.ss-head{display:block}.ss-head>a{display:inline-block;margin-top:11px}.ss-grades{grid-template-columns:repeat(2,1fr)}.ss-subjects,.ss-posts{grid-template-columns:1fr}.ss-cta .ss-container{display:block}.ss-cta .ss-container>div:last-child{margin-top:20px}}


/* =========================================================
   V2.3 - Homepage footer information links
   ========================================================= */

.ss-home-footer-links{
    background:#102a43;
    color:#fff;
    padding:34px 0 26px;
    border-top:1px solid #173b5b;
}
.ss-home-footer-links .ss-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    flex-wrap:wrap;
}
.ss-footer-brand strong{
    display:block;
    font-size:20px;
    color:#fff;
}
.ss-footer-brand span{
    display:block;
    margin-top:4px;
    font-size:13px;
    color:#b9cddd;
}
.ss-home-footer-links nav{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:7px 18px;
}
.ss-home-footer-links nav a{
    color:#d9e7f2;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}
.ss-home-footer-links nav a:hover{
    color:#fff;
    text-decoration:underline;
}
.ss-footer-copy{
    width:100%;
    padding-top:18px;
    margin-top:5px;
    border-top:1px solid rgba(255,255,255,.12);
    color:#9fb3c5;
    font-size:12px;
}
@media(max-width:700px){
    .ss-home-footer-links{
        padding:28px 0 22px;
    }
    .ss-home-footer-links .ss-container{
        display:block;
    }
    .ss-home-footer-links nav{
        justify-content:flex-start;
        margin-top:20px;
        gap:11px 15px;
    }
    .ss-footer-copy{
        margin-top:20px;
    }
}