body { background: linear-gradient(135deg,#ff69b4,#ffa500,#ffeb3b); font-family:Arial,Helvetica,sans-serif; }
#quiz-container{background:#fff;padding:26px;border-radius:14px;max-width:900px;margin:30px auto;box-shadow:0 8px 20px rgba(0,0,0,0.12);}
.quiz-intro{padding:12px;border-radius:10px;background:#fffefc;border:1px dashed #ff69b4;margin-bottom:16px;}
.quiz-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;}
.quiz-cat-btn{background:#fff;border:2px solid #ff9a9e;padding:12px;border-radius:10px;display:flex;flex-direction:column;align-items:center;cursor:pointer;}
.quiz-icon{width:60px;height:60px;margin-bottom:8px;}
.quiz-question{font-weight:700;font-size:1.2rem;margin-top:8px;}
.quiz-answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:14px;}
.quiz-answer{background:#fff;border:2px solid #ffb47a;padding:12px;border-radius:8px;cursor:pointer;color:#111;font-weight:600;}
.quiz-answer:hover{background:#ffb47a;color:#fff;}
.quiz-answer.correct{background:#9effa0!important;}
.quiz-answer.wrong{background:#ff8b8b!important;}
.quiz-buttons{margin-top:18px;display:flex;gap:10px;justify-content:center;}
.quiz-buttons button{background:#ff69b4;color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;}
@media(max-width:600px){#quiz-container{margin:14px;padding:18px;} .quiz-icon{width:48px;height:48px;}}