body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#102033;background:#f7f9fc;line-height:1.65}
a{color:inherit;text-decoration:none}.container{width:min(1050px,92%);margin:auto}
.top{background:#071526;color:#fff;padding:16px 0}.top .container{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:800;font-size:18px}.back{color:#b9c9d8;font-size:13px}
.hero{background:linear-gradient(135deg,#edf6ff,#f1fbfb);padding:60px 0 52px;border-bottom:1px solid #dce7ef}.kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:#1264d8}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-2px;margin:10px 0 14px}.hero p{max-width:760px;color:#5e6d7f}
.layout{display:grid;grid-template-columns:300px 1fr;gap:28px;padding:40px 0}.toc{position:sticky;top:20px;align-self:start;background:#fff;border:1px solid #e3eaf1;border-radius:18px;padding:18px}.toc h3{margin:0 0 12px;font-size:15px}.toc a{display:block;padding:8px 9px;border-radius:9px;font-size:12px;color:#566679}.toc a:hover{background:#edf5ff;color:#1264d8}
.module{background:#fff;border:1px solid #e3eaf1;border-radius:18px;padding:26px;margin-bottom:15px;scroll-margin-top:25px}.module-num{color:#1264d8;font-size:11px;font-weight:800;letter-spacing:1px}.module h2{margin:5px 0 8px;font-size:23px}.module p{color:#5f6e80;margin:0}.module .focus{margin-top:18px;padding:13px 15px;background:#f5f8fb;border-left:3px solid #18a0ae;font-size:13px;color:#445569}
.footer{padding:35px 0;color:#6a7888;font-size:12px;text-align:center}
@media(max-width:800px){.layout{grid-template-columns:1fr}.toc{position:static}.top .container{align-items:flex-start}.top .back{font-size:12px}.module{padding:21px}}

.module{position:relative;transition:.22s}
.module:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(14,38,64,.08);border-color:#cedce8}
.module h2 a{color:#102033}.module h2 a:hover{color:#1264d8}
.module-num{display:inline-flex;align-items:center;gap:7px}
.module-num:before{content:"◆";font-size:7px;color:#18a0ae}
/* SOFTALAYAAS HEADER - SAME AS MAIN WEBSITE */

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.brand-logo {
    height: 60px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}

.brand-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    white-space: nowrap;
}

.brand-text strong {
    font-size: 32px;
    font-weight: 800;
    color: #d00000;
    letter-spacing: 0.8px;
    line-height: 1;
}

.brand-text small {
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    color: #263238;
    letter-spacing: 0.8px;
    line-height: 1;
    text-transform: capitalize;
}

.site-header .nav-wrap {
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-header .back {
    margin-left: auto;
    text-decoration: none;
    font-weight: 700;
    color: #1264d8;
}

.site-header .brand-logo {
    height: 75px;
    width: auto;
    max-width: 220px;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}