:root{--brand-dark:#1B323B;--brand-light:#E3E2E2;--white:#ffffff;--success:#1f7a4d;--danger:#a83232}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--brand-light);color:var(--brand-dark)}button,input{font:inherit}a{color:inherit}.container{max-width:920px;margin:0 auto;padding:24px}.card{background:var(--white);border-radius:18px;padding:28px;box-shadow:0 12px 30px rgba(27,50,59,.12)}.header{background:var(--brand-dark);color:var(--brand-light);padding:20px 24px}.brand{font-size:22px;font-weight:800;letter-spacing:.3px}.subtle{opacity:.78}.input{width:100%;padding:14px 16px;border-radius:10px;border:1px solid #b8c0c3;margin-top:8px;margin-bottom:18px}.btn{border:0;border-radius:10px;padding:13px 18px;background:var(--brand-dark);color:var(--brand-light);cursor:pointer;font-weight:700}.btn.secondary{background:transparent;color:var(--brand-dark);border:1px solid var(--brand-dark)}.question{padding:18px 0;border-bottom:1px solid #e3e7e8}.option{display:block;padding:10px 0}.result{padding:18px;border-radius:12px;margin-top:20px}.result.pass{background:#e5f5ec;color:var(--success)}.result.fail{background:#fdeaea;color:var(--danger)}.progress{height:10px;background:#d5dbdd;border-radius:99px;overflow:hidden}.progress>div{height:100%;background:var(--brand-dark)}.footer{text-align:center;padding:30px 10px;font-size:13px;opacity:.75}