.sbc{max-width:1150px;margin:30px auto;padding:0 20px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#172033;line-height:1.6}.sbc *{box-sizing:border-box}.hero{padding:60px 50px;background:#f3f7ff;border:1px solid #dce5f3;border-radius:24px}.hero h1{font-size:clamp(38px,5vw,60px);line-height:1.05;margin:8px 0 18px}.hero p{font-size:20px;max-width:800px;color:#5b667b}.sbc section{padding:45px 0}.sbc h2{font-size:32px;line-height:1.2}.sbc small{font-weight:800;letter-spacing:.12em;color:#2457a6}.btn{border:0;border-radius:10px;padding:11px 17px;font-weight:750;cursor:pointer}.primary{background:#2457a6;color:#fff}.secondary{background:#fff;color:#2457a6;border:1px solid #b8c8df}.small{background:#edf3ff;color:#2457a6}.prog{margin-top:28px;max-width:560px;background:#fff;padding:16px;border:1px solid #dfe5ee;border-radius:12px}.prog>span{float:right;color:#5b667b}.prog>div{height:9px;background:#e8edf5;border-radius:10px;clear:both;margin-top:10px}.prog i{display:block;height:100%;width:0;background:#2457a6;border-radius:10px;transition:.3s}.callout{padding:18px;background:#f5f7fb;border-left:4px solid #2457a6;border-radius:10px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid article{position:relative;display:flex;gap:16px;padding:22px;border:1px solid #dfe5ee;border-radius:15px;background:#fff}.grid article.done{border-color:#7eae8c}.num{width:40px;height:40px;border-radius:50%;background:#eaf1ff;color:#2457a6;display:grid;place-items:center;flex:none}.grid h3{margin:4px 0}.grid p{color:#5b667b}.done{position:absolute;right:15px;top:12px;color:#3d7e4e;opacity:0}.grid article.done .done{opacity:1}.tool{background:#f5f7fb;padding:35px!important;border-radius:18px}.sbc table{width:100%;border-collapse:collapse;background:#fff}.sbc th,.sbc td{text-align:left;padding:13px;border-bottom:1px solid #dfe5ee}.sbc th{background:#eaf0f8}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.steps div{padding:18px;border:1px solid #dfe5ee;border-radius:12px}.steps b{display:block;background:#2457a6;color:#fff;width:30px;height:30px;text-align:center;border-radius:50%;margin-bottom:10px}.lesson{border:2px solid #c9d8ed;padding:30px;border-radius:18px;background:#fbfdff}.quiz{background:#f5f7fb;padding:35px!important;border-radius:18px}.quiz fieldset{background:#fff;border:1px solid #dfe5ee;border-radius:12px;margin:15px 0;padding:16px}.quiz label{display:block;padding:6px}.resources{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resources a{padding:18px;border:1px solid #dfe5ee;border-radius:12px;text-decoration:none;color:#2457a6;font-weight:750;background:#fff}.sbc footer{padding:30px 0 60px}@media(max-width:800px){.grid,.resources{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.hero{padding:38px 25px}}@media(max-width:520px){.steps{grid-template-columns:1fr}.hero h1{font-size:40px}}