.reg-wrap{max-width:1000px;margin:0 auto;font-family:inherit;color:#222}

.reg-hero{background:#f0f5fb;border-left:4px solid #0a2e5c;border-radius:0 8px 8px 0;padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}
.reg-hero-icon{width:52px;height:52px;background:#0a2e5c;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:26px;color:#fff}
.reg-hero h2{font-size:18px;font-weight:700;color:#0a2e5c;line-height:1.3;margin:0 0 4px}
.reg-hero p{font-size:13px;color:#555;margin:0}

.reg-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:1.5rem}

.reg-card{background:#fff;border:1px solid #e0e5ee;border-left:4px solid #1a6bbf;border-radius:10px;padding:20px}
.reg-card-icon{font-size:26px;margin-bottom:10px}
.reg-card-title{font-size:15px;font-weight:700;color:#0a2e5c;margin:0 0 6px;line-height:1.4}
.reg-card-desc{font-size:12px;color:#666;margin:0 0 14px;line-height:1.5}

.reg-card-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#fff;background:#0a2e5c;padding:8px 14px;border-radius:6px;text-decoration:none}
.reg-card-btn:hover{background:#1a6bbf;color:#fff}

.reg-card-empty{display:inline-block;font-size:12px;color:#9ca3af;font-style:italic}

.reg-empty{text-align:center;padding:40px 24px;background:#f8f9fb;border:1px dashed #d0d7e2;border-radius:10px;margin-bottom:1.5rem}
.reg-empty p{font-size:13px;color:#888;margin:0}

.reg-divider{border:none;border-top:1px solid #e0e5ee;margin:2rem 0}

.reg-content-box{background:#fff;border:1px solid #e0e5ee;border-radius:14px;padding:36px;margin-bottom:24px}
.reg-content-alt{background:#f8f9fb}
.reg-content-icon{font-size:36px;text-align:center;margin-bottom:14px}
.reg-content-title{font-size:20px;font-weight:700;color:#0a2e5c;text-align:center;margin:0 0 20px}

.reg-content-body{font-size:14px;line-height:1.8;color:#333}
.reg-content-body p{margin:0 0 16px;text-align:justify}
.reg-content-body p:last-child{margin-bottom:0}
.reg-content-body strong{color:#0a2e5c}

.reg-tugas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.reg-tugas-item{background:#fff;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;font-size:13px;color:#333;line-height:1.5}
.reg-tugas-icon{font-size:20px;flex-shrink:0}

.reg-footer-note{text-align:center;padding:24px;background:#f8f9fb;border-radius:10px;margin-top:1.5rem}
.reg-footer-note p{font-size:12px;color:#888;margin:0 0 6px}
.reg-footer-note p:last-child{margin-bottom:0}

@media(max-width:600px){
  .reg-hero{flex-direction:column;text-align:center}
  .reg-content-box{padding:24px 20px}
}