body.tmt-hp-page{background:#f7f9fc;color:#172235}
.tmthp-wrap{max-width:1100px;margin:auto;padding:0 20px}
.tmthp-hero{padding:60px 0 38px;background:#fff;border-bottom:1px solid #e5eaf0}
.tmthp-hero h1{font-size:46px;line-height:1.06;margin:10px 0 16px}
.tmthp-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#2563eb}
.tmthp-hero p{font-size:18px;line-height:1.7;color:#607089;max-width:780px}
.tmthp-facts{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.tmthp-facts span{background:#f1f6fb;border:1px solid #dae5ef;border-radius:10px;padding:11px 14px}
.tmthp-section{padding:44px 0}.tmthp-soft{background:#eef5fa}
.tmthp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tmthp-card{background:#fff;border:1px solid #dfe7ef;border-radius:14px;padding:22px}
.tmthp-card h3{margin:8px 0 10px}.tmthp-card p{color:#64748b;line-height:1.55}
.tmthp-btn{display:inline-flex;align-items:center;justify-content:center;background:#2563eb;color:#fff!important;text-decoration:none!important;border:0;border-radius:10px;padding:13px 18px;font-weight:800;cursor:pointer}
.tmthp-btn.secondary{background:#fff;color:#2563eb!important;border:1px solid #cbd8e6}
.tmthp-test-shell{max-width:960px;margin:auto;padding:30px 20px 60px}
.tmthp-stage{background:#071321;border-radius:18px;overflow:hidden;position:relative;aspect-ratio:16/9;box-shadow:0 20px 55px rgba(15,23,42,.18)}
.tmthp-canvas{width:100%;height:100%;display:block}
.tmthp-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(5,14,27,.74);color:#fff;text-align:center;padding:30px}
.tmthp-overlay.is-hidden{display:none}
.tmthp-overlay-box{max-width:600px}.tmthp-overlay h2{font-size:30px;margin:0 0 12px}.tmthp-overlay p{line-height:1.6;color:#dbe6f2}
.tmthp-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}
.tmthp-progress{height:8px;background:#dce7f1;border-radius:99px;overflow:hidden;flex:1}.tmthp-progress i{display:block;height:100%;background:#2563eb;width:0}
.tmthp-click{position:absolute;inset:0;border:0;background:transparent;cursor:crosshair}
.tmthp-click:active{background:rgba(255,255,255,.02)}
.tmthp-click-flash{position:absolute;width:34px;height:34px;border-radius:50%;border:3px solid #fff;transform:translate(-50%,-50%);pointer-events:none;animation:tmthpFlash .45s ease-out forwards}
@keyframes tmthpFlash{from{opacity:1;width:18px;height:18px}to{opacity:0;width:54px;height:54px}}
.tmthp-status{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px}
.tmthp-pill{background:#fff;border:1px solid #dce6ef;border-radius:10px;padding:10px 13px;font-weight:700}
.tmthp-feedback{margin-top:18px;background:#fff;border:1px solid #dce6ef;border-radius:14px;padding:20px;display:none}
.tmthp-feedback.show{display:block}.tmthp-score-big{font-size:46px;font-weight:900;margin:0}
.tmthp-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.tmthp-result-box{background:#fff;border:1px solid #dce6ef;border-radius:12px;padding:18px}
.tmthp-list{display:grid;gap:10px}.tmthp-row{display:flex;justify-content:space-between;gap:14px;background:#fff;border:1px solid #e0e7ef;border-radius:10px;padding:13px}
.tmthp-note{background:#fff7e7;border-left:4px solid #d99b1b;padding:16px;border-radius:8px}
@media(max-width:800px){.tmthp-grid{grid-template-columns:1fr}.tmthp-hero h1{font-size:36px}.tmthp-result-grid{grid-template-columns:1fr}.tmthp-test-shell{padding:18px 12px 48px}.tmthp-overlay h2{font-size:24px}}