.ht-home,.ht-test{--ht:#4f46e5;--ht2:#7c3aed;--ht-soft:#eef2ff;--ht-border:#e2e8f0}.ht-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:clamp(25px,5vw,55px);margin-bottom:35px;border-radius:28px;background:linear-gradient(135deg,#eef2ff,#faf5ff);border:1px solid #ddd6fe}.ht-hero span,.ht-kicker{color:#6d28d9;font-size:13px;font-weight:800}.ht-hero h2{max-width:700px;margin:8px 0;font-size:clamp(25px,4vw,43px)}.ht-hero p{max-width:680px;color:#64748b}.ht-btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:10px 22px;border:0;border-radius:13px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;text-decoration:none;font:700 15px Cairo;cursor:pointer;box-shadow:0 8px 22px #4f46e52a}.ht-btn:hover{color:#fff;transform:translateY(-1px)}.ht-btn.secondary{background:#fff;color:#334155;border:1px solid #e2e8f0;box-shadow:none}.ht-btn.small{min-height:40px;padding:7px 13px;font-size:13px}.ht-section-head{display:flex;align-items:center;justify-content:space-between;margin:34px 0 15px}.ht-section-head h2{margin:0}.ht-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.ht-category{display:flex;justify-content:space-between;align-items:center;padding:17px;border:1px solid #e2e8f0;border-radius:15px;background:#fff}.ht-category span{color:#64748b;font-size:13px}.ht-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ht-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 10px 30px #0f172a0a;transition:.2s}.ht-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px #0f172a12}.ht-card>img{width:100%;height:180px;object-fit:cover}.ht-card-icon{height:135px;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#5b21b6;font-size:50px;font-weight:800}.ht-card>div{padding:18px}.ht-card h3{margin:5px 0}.ht-card h3 a{color:#172033;text-decoration:none}.ht-card p{color:#64748b;font-size:14px;min-height:50px}.ht-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#64748b;font-size:13px}.ht-intro{display:grid;grid-template-columns:minmax(220px,.85fr) 1.2fr;gap:35px;align-items:center;padding:30px;border:1px solid #e2e8f0;border-radius:26px;background:#fff;box-shadow:0 18px 55px #0f172a0e}.ht-intro>img{width:100%;max-height:360px;object-fit:cover;border-radius:20px}.ht-main-icon{min-height:280px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#eef2ff,#f3e8ff);font-size:90px;font-weight:800;color:#6d28d9}.ht-intro p{font-size:18px;color:#475569}.ht-meta{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.ht-meta span{padding:7px 12px;border-radius:99px;background:#f1f5f9;color:#475569;font-size:13px}.ht-runner,.ht-result{width:min(800px,100%);margin:auto;padding:clamp(20px,5vw,42px);border:1px solid #e2e8f0;border-radius:26px;background:#fff;box-shadow:0 20px 55px #0f172a0e}.ht-runner{scroll-margin-top:90px}.ht-progress-head{display:flex;justify-content:space-between;color:#64748b;font-size:13px}.ht-progress{height:9px;margin:10px 0 28px;border-radius:99px;background:#e2e8f0;overflow:hidden}.ht-progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#8b5cf6);transition:width .25s}.ht-question{text-align:center}.ht-question h2{font-size:clamp(21px,4vw,30px);margin:10px 0 20px}.ht-question>p{color:#64748b}.ht-question>img{max-height:260px;margin:0 auto 15px;border-radius:16px}.ht-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;text-align:right}.ht-answers button{display:flex;align-items:center;gap:10px;min-height:60px;padding:13px 15px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:#172033;font:600 15px Cairo;cursor:pointer}.ht-answers button:hover,.ht-answers button.selected{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 3px #6366f118}.ht-answers img{width:48px;height:48px;object-fit:cover;border-radius:10px}.ht-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.ht-nav .ht-btn{min-width:120px}.ht-nav .ht-btn:disabled{opacity:.45;cursor:not-allowed}.ht-result{text-align:center}.ht-result-icon{width:95px;height:95px;margin:18px auto;display:grid;place-items:center;border-radius:28px;color:#fff;font-size:42px;font-weight:800}.ht-result h2{font-size:32px}.ht-result-copy{color:#475569;line-height:1.9}.ht-share{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:25px 0}.ht-share a,.ht-share button{padding:8px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#334155;text-decoration:none;font:600 13px Cairo;cursor:pointer}.ht-preview{margin-bottom:15px;padding:12px;border-radius:12px;background:#fffbeb;color:#92400e;text-align:center;font-weight:700}.ht-content,.ht-faq{margin-top:35px;padding:clamp(20px,4vw,35px);border:1px solid #e2e8f0;border-radius:22px;background:#fff}.ht-content{line-height:2}.ht-faq details{padding:14px 0;border-bottom:1px solid #e2e8f0}.ht-faq summary{cursor:pointer;font-weight:700}.ht-faq p{color:#64748b;margin-top:10px}.ht-empty{grid-column:1/-1;padding:50px;text-align:center;border:1px dashed #cbd5e1;border-radius:20px}.ht-result[hidden],.ht-runner[hidden],.ht-intro[hidden]{display:none}
@media(max-width:900px){.ht-grid{grid-template-columns:repeat(2,1fr)}.ht-intro{grid-template-columns:1fr}.ht-main-icon{min-height:190px}.ht-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.ht-grid,.ht-answers{grid-template-columns:1fr}.ht-intro,.ht-runner,.ht-result{padding:18px;border-radius:19px}.ht-main-icon{min-height:150px;font-size:60px}.ht-hero{padding:22px;border-radius:20px}.ht-hero .ht-btn{width:100%}.ht-nav .ht-btn{min-width:0;flex:1}.ht-card p{min-height:0}}
.ht-person-name{width:min(520px,100%);margin:22px auto 8px;text-align:right;color:#334155;font-weight:700}.ht-person-name input{width:100%;margin-top:7px;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;font:inherit}.ht-person-name input:focus{outline:0;border-color:#6366f1;box-shadow:0 0 0 3px #6366f122}.ht-result-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:25px 0 10px}.ht-result-actions button:not(.ht-btn){padding:10px 14px;border:1px solid #c7d2fe;border-radius:11px;background:#eef2ff;color:#3730a3;font:700 13px Cairo;cursor:pointer}.ht-copy-status{min-height:28px;color:#047857;font-weight:700;font-size:13px}
@media(max-width:560px){.ht-result-actions{display:grid;grid-template-columns:1fr}.ht-result-actions button{width:100%}}
.ht-question-icon{width:48px;height:48px;margin:0 auto 8px;display:grid;place-items:center;border-radius:14px;background:#eef2ff;color:#4f46e5}.ht-result-icon svg{width:46px;height:46px}
.ht-result-image{width:min(360px,100%);max-height:280px;margin:18px auto;object-fit:cover;border-radius:20px}.ht-answers button>svg{flex:0 0 auto;color:#4f46e5}