:root{--primary:#5b5cf0;--dark:#111827;--bg:#f5f7fb}
body{background:var(--bg);color:#1f2937}.ft-nav{background:linear-gradient(135deg,#111827,#3538b5)}
.hero{color:#fff;border-radius:24px;background:linear-gradient(135deg,#5b5cf0,#7c3aed);box-shadow:0 20px 50px rgba(91,92,240,.2)}
.card{border-radius:18px}.form-control,.form-select,.btn{border-radius:12px}
.exam-bar{position:sticky;top:0;z-index:100;background:rgba(245,247,251,.96);backdrop-filter:blur(8px);padding:14px 0}
.timer{background:#111827;color:#fff;border-radius:14px;padding:9px 18px;text-align:center;min-width:110px}.timer small,.timer strong{display:block}.timer.danger{background:#dc3545}
.qnum{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#eef2ff;color:#4338ca;font-weight:800}
.option{display:block;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;margin-bottom:10px;cursor:pointer}.option:hover{background:#f8fafc;border-color:#c7d2fe}
.result-card{background:white;border-radius:24px}.result-icon{width:88px;height:88px;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:44px;font-weight:800}
.result-icon.pass{background:#16a34a}.result-icon.fail{background:#dc2626}.metric{background:#f8fafc;padding:22px;border-radius:16px}.metric .value{font-size:28px;font-weight:800}