.hma-dashboard{font-family:inherit;max-width:1180px;margin:0 auto;padding:24px 16px}
.hma-head{margin-bottom:24px}.hma-kicker{font-size:13px;font-weight:700;opacity:.72}
.hma-head h2{margin:6px 0 8px;font-size:clamp(28px,5vw,44px);line-height:1.15}
.hma-head p{margin:0;opacity:.75}
.hma-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.hma-card{border:1px solid rgba(16,24,40,.12);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.05);overflow:hidden}
.hma-card-body{padding:20px}.hma-card h3{font-size:19px;line-height:1.5;margin:10px 0 16px}
.hma-status{display:inline-block;font-size:12px;font-weight:700;padding:5px 9px;border-radius:999px;background:#f2f4f7}
.hma-progress{height:8px;border-radius:999px;background:#eef1f4;overflow:hidden}.hma-progress span{display:block;height:100%;background:currentColor}
.hma-progress-text{font-size:13px;margin-top:7px;opacity:.7}
.hma-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;font-weight:700;border-radius:12px;padding:11px 16px;margin-top:16px;background:#12243a;color:#fff!important}
.hma-empty,.hma-notice,.hma-gate,.hma-complete-state,.hma-complete-box{padding:18px;border:1px solid rgba(16,24,40,.12);border-radius:14px;margin:20px 0;background:#fff}
.hma-complete-state{font-weight:700}
@media(max-width:390px){.hma-dashboard{padding:18px 12px}.hma-card-body{padding:17px}.hma-btn{width:100%;box-sizing:border-box}}

.hma-quiz{max-width:820px}.hma-question{border:1px solid rgba(16,24,40,.12);border-radius:14px;padding:16px;margin:18px 0}.hma-question legend{padding:0 6px}.hma-quiz input{accent-color:currentColor}

.hma-live-card{border:1px solid rgba(16,24,40,.12);border-radius:18px;padding:20px;margin:24px 0;background:#fff}
.hma-live-meta{display:grid;gap:8px;margin-bottom:16px}
.hma-secondary-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;font-weight:700;border:1px solid rgba(16,24,40,.18);border-radius:12px;padding:10px 14px;margin:12px 8px 0 0;background:#fff;color:inherit!important}
.hma-evaluation{margin-top:20px;padding-top:18px;border-top:1px solid rgba(16,24,40,.1)}
.hma-evaluation textarea,.hma-evaluation select{width:100%;max-width:560px}

.hma-checkout{border:1px solid rgba(16,24,40,.12);border-radius:18px;padding:20px;margin:22px 0;background:#fff}
.hma-checkout input,.hma-checkout select{width:100%;max-width:420px;padding:10px;border:1px solid rgba(16,24,40,.18);border-radius:10px}
.hma-price{font-size:24px;font-weight:800;margin:10px 0 18px}
.hma-dashboard table{width:100%;border-collapse:collapse;background:#fff}.hma-dashboard th,.hma-dashboard td{padding:10px;border-bottom:1px solid #eef1f4;text-align:right}