.template-detail-hero-section .emotional-intelligence-preview .preview-topbar{margin-bottom:22px}.template-detail-hero-section .response-card{text-align:start;border-radius:14px;background:linear-gradient(109deg,rgba(0,133,229,.06) 1.22%,rgba(255,0,182,.06) 117.06%);border:1px solid rgba(0,133,229,.12);padding:12px 14px 14px;margin-bottom:12px}.template-detail-hero-section .response-card .response-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:10px}.template-detail-hero-section .response-card .response-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#8a94a6}.template-detail-hero-section .response-card .response-caption{font-size:12px;font-weight:500;color:#64748b}.template-detail-hero-section .response-card .response-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.template-detail-hero-section .response-card .response-step{display:inline-flex;align-items:center;gap:7px;padding:5px 13px 5px 5px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.06);white-space:nowrap}.template-detail-hero-section .response-card .response-step .step-index{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:700;line-height:1;color:#fff;background:linear-gradient(109deg,#0085e5 1.22%,#ff00b6 117.06%)}.template-detail-hero-section .response-card .response-step .step-label{font-size:12px;font-weight:600;color:#12141d;line-height:1.2}.template-detail-hero-section .perspective-prompt{text-align:start;display:flex;flex-direction:column;gap:4px;padding:10px 14px 11px;margin-bottom:14px;border-radius:12px;background:#f7f8fb;-webkit-border-start:3px solid #7e4fe0;border-inline-start:3px solid #7e4fe0}.template-detail-hero-section .perspective-prompt .perspective-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#8a94a6}.template-detail-hero-section .perspective-prompt .perspective-text{margin:0;font-size:13px;font-weight:600;color:#12141d;line-height:1.45}.template-detail-hero-section .feedback-card{top:0;right:0;width:248px;text-align:start;animation:templateDetailFloat 7s ease-in-out infinite}.template-detail-hero-section .feedback-card .card-kicker{margin-bottom:9px;line-height:1.2}.template-detail-hero-section .feedback-card .feedback-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.template-detail-hero-section .feedback-card .feedback-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#12141d;line-height:1.25}.template-detail-hero-section .feedback-card .feedback-index{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:700;line-height:1;color:#fff;background:linear-gradient(109deg,#0085e5 1.22%,#ff00b6 117.06%)}.template-detail-hero-section .emotional-intelligence-scenario{width:270px}@media(min-width:901px){.template-detail-hero-section .feedback-card{top:-24px}}@media(max-width:1250px)and (min-width:901px){.template-detail-hero-section .emotional-intelligence-scenario{width:235px;left:-36px}[dir=rtl] .template-detail-hero-section .emotional-intelligence-scenario{left:auto;right:-36px}}@media(max-width:600px){.template-detail-hero-section .emotional-intelligence-scenario,.template-detail-hero-section .feedback-card{width:100%}.template-detail-hero-section .feedback-card{animation:none}}[dir=rtl] .template-detail-hero-section .feedback-card{right:auto;left:0}[dir=rtl] .template-detail-hero-section .response-card .response-step{padding:5px 5px 5px 13px}@media(prefers-reduced-motion:reduce){.template-detail-hero-section .feedback-card{animation:none}}