.tra-box{max-width:900px;margin:32px auto 0;padding:26px;text-align:left;border:1px solid #334155;border-radius:18px;background:#0f1b2d;box-shadow:0 22px 60px rgba(0,0,0,.25)}.tra-box label{display:block;font-weight:800;margin-bottom:10px}.tra-form{display:flex;gap:10px;flex-wrap:wrap}.tra-form input{flex:1;min-width:260px;padding:15px;border:1px solid #475569;border-radius:11px;background:#06101d;color:#fff}.tra-form button{padding:15px 22px;border:0;border-radius:11px;background:#22d3ee;color:#06101d;font-weight:800;cursor:pointer}.tra-form button:disabled{opacity:.55}.tra-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;color:#94a3b8;font-size:12px}.tra-progress,.tra-result{margin-top:20px;padding-top:18px;border-top:1px solid #1e293b}.tra-progress-bar{height:8px;overflow:hidden;border-radius:999px;background:#1e293b}.tra-progress-bar span{display:block;height:100%;width:0;background:#22d3ee;transition:width .35s ease}.tra-stage{margin:10px 0 0;color:#cbd5e1}.tra-report-head{display:flex;justify-content:space-between;gap:20px}.tra-report h3{margin:4px 0 12px}.tra-report h4{text-transform:capitalize}.tra-score{font-size:28px;font-weight:900;color:#67e8f9;white-space:nowrap}.tra-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.tra-check{padding:14px;border:1px solid #1e293b;border-radius:12px;background:#06101d}.tra-check>div{display:flex;justify-content:space-between;gap:12px;text-transform:capitalize}.tra-check p,.tra-note{color:#94a3b8;font-size:13px;line-height:1.55}.tra-error{padding:14px;border:1px solid rgba(244,63,94,.4);border-radius:12px;background:rgba(244,63,94,.1);color:#fecdd3}@media(max-width:700px){.tra-grid{grid-template-columns:1fr}.tra-report-head{display:block}.tra-score{margin-top:8px}}