ap; align-items: center; } /* === HOVER STYLES — only on devices with real hover (mouse). Prevents iOS Safari from keeping :hover sticky after a tap. */ @media (hover: hover) and (pointer: fine) { .module-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,0.12); } .subcat-card:hover { transform: translateX(4px); box-shadow: 0 6px 16px rgba(0,0,0,0.1); } .back-btn:hover { background: #fff; transform: translateX(-3px); } .option-btn:hover:not(:disabled) { background: #e3f2fd; border-color: #4fc3f7; transform: translateX(3px); } .next-btn:hover, .primary-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(255,82,82,0.45); } .secondary-btn:hover { border-color: #ff7043; color: #ff7043; } .tip-card .new-tip-btn:hover { background: #fff; } } @media (max-width: 540px) { .question-text { font-size: 18px; } .quiz-wrap { padding: 18px; } h1.page-title { font-size: 24px; } .logo { font-size: 20px; } .result-emoji svg { width: 90px !important; height: auto !important; } .result-score { font-size: 44px; } #app { padding: 16px 12px 40px; } }

ody>