*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#f6f7fb;color:#111}
.container{max-width:920px;margin:0 auto;padding:24px}
.header{display:flex;align-items:center;gap:12px}
h1{font-size:28px;margin:8px 0 16px}
h2{font-size:22px;margin:8px 0 16px}
h3{margin:24px 0 12px}
.card{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.06);padding:16px;margin:12px 0}
.row{display:flex;align-items:center;gap:12px}
.flex1{flex:1}
.btn{background:#0ea5e9;border:none;color:#fff;font-weight:600;padding:10px 14px;border-radius:10px;cursor:pointer}
.btn:hover{filter:brightness(.95)}
.progress{background:#e5f4fb;border-radius:999px;height:10px;width:100%;overflow:hidden}
.progress-bar{background:#0ea5e9;height:100%}
.flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.flow-item{display:flex;align-items:center;gap:6px;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:12px;padding:8px 10px}
.arrow{opacity:.6}
.quiz-q{margin:8px 0 16px}
.opt{display:block;margin:4px 0}
.result{font-weight:700}