body{font-family:Inter,Arial,sans-serif;margin:0;background:#f6f7fb;color:#182033}
a{color:#174ea6;text-decoration:none}
.container{max-width:1180px;margin:0 auto;padding:24px}
.nav{background:#101828;color:white;padding:14px 24px}
.nav a{color:white;margin-right:18px}
.card{background:white;border:1px solid #e5e7eb;border-radius:16px;padding:20px;margin:16px 0;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.btn{background:#174ea6;color:white;padding:12px 16px;border-radius:12px;border:0;cursor:pointer;display:inline-block;font-weight:700}
.btn.light{background:white;color:#174ea6;border:1px solid #d0d5dd}
.btn.danger{background:#b42318}
input,select,textarea{width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:12px;margin:6px 0 14px;box-sizing:border-box}
table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}
th,td{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left;font-size:14px;vertical-align:top}
th{background:#f2f4f7}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef4ff;color:#174ea6;font-size:12px}
.badge.red{background:#fee4e2;color:#b42318}.badge.green{background:#dcfae6;color:#067647}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hero{background:linear-gradient(135deg,#101828,#174ea6);color:white;border-radius:24px;padding:54px;margin:20px 0}
.hero h1{font-size:44px;margin:0 0 14px}.hero p{font-size:18px;max-width:760px}
.step{display:flex;gap:14px;align-items:flex-start}.step-num{background:#174ea6;color:white;border-radius:999px;padding:8px 12px;font-weight:700}
.question{border:1px solid #eaecf0;border-radius:12px;padding:12px;margin:12px 0;background:white}
.timer{position:sticky;top:0;background:#101828;color:white;padding:12px;border-radius:10px;margin-bottom:14px;z-index:5}
.small{font-size:13px;color:#667085} pre{white-space:pre-wrap;word-break:break-word;background:#f2f4f7;padding:12px;border-radius:10px;max-height:420px;overflow:auto}