.ho-student-wrap{--ho-blue:#0b3a75;--ho-gold:#f5b301;--ho-soft:#eef6ff;--ho-border:#d9e6f2;--ho-text:#123;--ho-muted:#5c6b7a;max-width:1180px;margin:0 auto;padding:24px;color:var(--ho-text);font-family:Arial,sans-serif}.ho-student-hero{background:linear-gradient(135deg,#082f63,#0b66c3);color:#fff;border-radius:26px;padding:32px;box-shadow:0 18px 45px rgba(11,58,117,.18)}.ho-student-hero h1{margin:0 0 10px;font-size:34px;color:#fff}.ho-student-hero p{font-size:17px;margin:0;color:#fff}.ho-front-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:20px 0}.ho-front-panel{background:#fff;border:1px solid var(--ho-border);border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(11,58,117,.08);margin:20px 0}.ho-btn,.ho-btn-submit{display:inline-block;background:var(--ho-gold);color:#111!important;text-decoration:none;border:0;border-radius:999px;padding:11px 18px;font-weight:800;margin-top:10px;cursor:pointer}.ho-btn-blue{background:var(--ho-blue);color:#fff!important}.ho-class-card{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--ho-border);padding:12px 0;flex-wrap:wrap}.ho-class-card span{color:#456}.ho-progress{height:16px;background:var(--ho-soft);border-radius:99px;overflow:hidden}.ho-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--ho-gold),#ffd86b)}.ho-roadmap-list,.ho-subject-list{display:grid;gap:14px}.ho-roadmap-item,.ho-subject-item{display:grid;grid-template-columns:1fr 260px;gap:18px;border:1px solid var(--ho-border);border-radius:18px;padding:18px;background:#fff}.ho-roadmap-item h3,.ho-subject-item h4{margin:0 0 8px;color:var(--ho-blue)}.ho-subject-item h4 span{background:var(--ho-soft);border-radius:999px;font-size:12px;padding:4px 8px;color:var(--ho-blue)}.ho-roadmap-meta,.ho-progress-edit{display:flex;flex-direction:column;gap:8px;align-items:stretch}.ho-roadmap-meta span{border-radius:999px;padding:6px 10px;font-weight:800;background:var(--ho-soft)}.ho-roadmap-item.done{border-color:#85c88a}.ho-roadmap-item.need_fix{border-color:#f0a0a0}.ho-note{background:#fff8df;border-left:4px solid var(--ho-gold);padding:10px;border-radius:10px}.ho-form-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.ho-register-form label,.ho-front-panel label{display:block;font-weight:700;margin:12px 0 6px}.ho-register-form input,.ho-register-form textarea,.ho-register-form select,.ho-front-panel input,.ho-front-panel textarea,.ho-front-panel select{width:100%;max-width:100%;border:1px solid var(--ho-border);border-radius:12px;padding:10px 12px;background:#fff}.ho-course-choice{background:var(--ho-soft);border-radius:18px;padding:16px;margin-top:14px}.ho-check-card{display:flex!important;gap:10px;align-items:center;background:#fff;border:1px solid var(--ho-border);border-radius:14px;padding:10px 12px;margin:8px 0!important}.ho-check-card input{width:auto!important}.ho-alert{background:#ecfff0;border:1px solid #b9e8c1;border-radius:16px;padding:14px 16px;margin:18px 0;font-weight:700;color:#176b2c}.ho-avatar{width:110px;height:110px;object-fit:cover;border-radius:50%;border:4px solid var(--ho-gold);box-shadow:0 10px 24px rgba(0,0,0,.12);margin-bottom:10px}.ho-profile-card p{margin:8px 0}.ho-certificate-box{background:#fff8df;border:1px solid #f5d46a;border-radius:16px;padding:14px;margin:14px 0;font-weight:800}.ho-help-text{display:block;color:var(--ho-muted);margin-top:8px}.ho-course-title{padding-top:12px;border-top:2px solid var(--ho-border);color:var(--ho-blue)}.ho-progress-edit input[type=number]{font-size:22px;font-weight:800;text-align:center}.ho-progress-edit textarea{font-size:14px}@media(max-width:760px){.ho-roadmap-item,.ho-subject-item{grid-template-columns:1fr}.ho-student-hero h1{font-size:26px}.ho-student-wrap{padding:14px}}
.ho-song-panel{background:linear-gradient(135deg,#fff,#eef6ff)}.ho-register-wrap + .ho-student-wrap{margin-top:22px}.ho-student-wrap .ho-front-panel p br + *{line-height:1.6}