:root{--poppins-red:#d81b60;--hubspot-blue:#33475b;--elan-blue:#00a4bd;--face-green:#2ecc71;--bg-gray:#f5f8fa;--text-dark:#33475b;--text-light:#7c98b6}body{background-color:var(--bg-gray);color:var(--text-dark);font-family:Avenir Next,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,sans-serif;line-height:1.6;margin:0;padding:0}.header-bar{background-color:#fff;border-bottom:1px solid var(--border-color);margin-bottom:30px;padding:24px 0;text-align:center}.container{margin:0 auto;max-width:800px;padding:0 20px 60px}h1{color:var(--hubspot-blue);font-size:1.6rem;font-weight:700;margin:0}.instruction-card{background:#fff;border:1px solid var(--border-color);border-radius:3px;font-size:.95rem;margin-bottom:30px;padding:25px}.instruction-card strong{color:var(--poppins-red)}.text-mute{color:var(--text-light);display:block;font-size:.85rem;margin-top:10px}.step-container{margin-top:50px}.step-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.step-number{background-color:var(--poppins-red);border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:4px 14px}.step-title{color:var(--hubspot-blue);font-size:1.25rem;font-weight:700}.balloon{background-color:var(--poppins-red);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.15);color:#fff;display:inline-block;font-size:.95rem;font-weight:700;line-height:1.4;margin-left:15px;padding:8px 16px;position:relative;text-align:center}.balloon:before{border:6px solid transparent;border-right:6px solid var(--poppins-red);content:"";left:-12px;margin-top:-6px;position:absolute;top:50%}.card{background:#fff;border:1px solid var(--border-color);border-radius:3px;margin-bottom:15px;overflow:hidden;position:relative}.card:before{bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.card.type-elan:before{background-color:var(--elan-blue)}.card.type-face:before{background-color:var(--face-green)}.card-header{align-items:center;background-color:#fcfcfc;border-bottom:1px solid #f2f5f8;display:flex;justify-content:space-between;padding:15px 20px}.card-title{font-size:.95rem;font-weight:700}.card-body{padding:10px 20px}.item-list{list-style:none;margin:0;padding:0}.item-list li{align-items:center;border-bottom:1px solid #f2f5f8;display:grid;font-size:.9rem;grid-template-columns:1fr 130px 220px;justify-content:space-between;padding:12px 0;grid-gap:10px}.item-list li:last-child{border-bottom:none}.badge{border-radius:2px;font-size:.7rem;font-weight:700;padding:3px 8px}.badge-elan{background-color:#e6f7f9;border:1px solid var(--elan-blue);color:var(--elan-blue)}.badge-face{background-color:#ebfaf0;border:1px solid var(--face-green);color:var(--face-green)}.time-label{background-color:#f8fafd;border-radius:3px;color:var(--text-light);font-size:.8rem;margin-left:10px;padding:2px 6px;white-space:nowrap}@media (max-width:600px){.step-header{align-items:flex-start;flex-direction:column}.balloon{margin-left:0;width:calc(100% - 32px)}.balloon:before{display:none}.card-header{gap:8px}.card-header,.item-list li{align-items:flex-start;flex-direction:column}.item-list li{display:flex;grid-gap:0}.time-label{margin-left:0;margin-top:6px}}.progress-details{align-items:center;display:flex;gap:1rem}:root{--main-color:#bb326c;--sub-color:#f9e5ee;--accent-color:#5ab68d;--text-color:#33475b;--label-color:#506e91;--score-color-action:#bb326c;--score-color-success:#5cb85c;--score-color-warning:#f0ad4e;--score-color-danger:#d9534f;--border-color:#cbd6e2;--bg-color:#f5f8fa;--header-bg-color:#fff;--disabled-bg-color:#ccc}.status-zero{background-color:rgba(217,83,79,.1)}.status-zero .training-title{color:var(--score-color-danger);font-weight:700}.status-inprogress{background-color:rgba(240,173,78,.15)}.status-inprogress .training-title{color:var(--score-color-warning);font-weight:700}.score-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.9em;font-weight:700;padding:.3em .6em}.score-100{background-color:var(--score-color-success)}.score-inprogress{background-color:var(--score-color-warning)}.score-zero{background-color:var(--score-color-danger)}.btn-action{align-items:center;background-color:var(--score-color-action);border-radius:5px;color:#fff!important;display:inline-flex;font-weight:700;justify-content:center;padding:.6em 1.2em;text-decoration:none;transition:opacity .2s}.btn-action:hover{opacity:.8}.btn-action.disabled{background-color:var(--score-color-success);border-radius:50%;cursor:not-allowed;height:38px;padding:0;pointer-events:none;width:38px}.checkmark{border-bottom:3px solid #fff;border-right:3px solid #fff;display:inline-block;height:15px;margin-bottom:4px;transform:rotate(45deg);width:8px}