.ssp-hero{background:linear-gradient(135deg,#ecfeff,#eef2ff);display:flex;justify-content:space-between;gap:20px;align-items:center}.ssp-hero h2{margin:.2rem 0}.ssp-kicker{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#0f766e}.ssp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px}.ssp-tile{border:1px solid #dbe3ee;border-radius:14px;padding:14px;background:#fff}.ssp-tile h3{margin-top:0}.ssp-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.ssp-form label{font-weight:800;font-size:13px}.ssp-form select,.ssp-form input{width:100%;margin-top:6px;border:1px solid #cbd5e1;border-radius:10px;padding:11px;background:white}.ssp-step{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #e2e8f0}.ssp-step:last-child{border-bottom:0}.ssp-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0f766e;color:white;font-weight:900;flex:0 0 auto}.ssp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ssp-meter{height:10px;border-radius:99px;background:#e2e8f0;overflow:hidden}.ssp-meter span{display:block;height:100%;background:#14b8a6}.ssp-confidence{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ssp-confidence button{border:1px solid #cbd5e1;background:white;border-radius:999px;padding:8px 12px;font-weight:800}.ssp-confidence button.active{background:#0f766e;color:white;border-color:#0f766e}.ssp-answer{display:block;width:100%;text-align:left;border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:12px;margin:8px 0}.ssp-answer.correct{background:#dcfce7;border-color:#22c55e}.ssp-answer.wrong{background:#fee2e2;border-color:#ef4444}.ssp-command{border-left:5px solid #6366f1}.ssp-skill-check{display:flex;gap:10px;align-items:flex-start;padding:10px 0}.ssp-skill-check input{margin-top:4px;transform:scale(1.25)}.ssp-home-card{border:2px solid #99f6e4!important;background:linear-gradient(135deg,#f0fdfa,#eef2ff)!important}.ssp-timer{position:sticky;top:6px;z-index:4;background:#111827;color:white;border-radius:12px;padding:10px 14px;display:flex;justify-content:space-between;gap:10px}.ssp-mini{font-size:13px;color:#64748b}.ssp-status{font-weight:900;color:#0f766e}@media(max-width:650px){.ssp-hero{align-items:flex-start;flex-direction:column}.ssp-actions>*{width:100%}.ssp-form{grid-template-columns:1fr}}