body.template-article{font-family:Arial,sans-serif;background-color:#f9f9f9;margin:0;padding:0}body.template-article .quiz-container{max-width:800px;margin:50px auto 30px;padding:30px;background:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 2px 4px #00000014;position:relative}body.template-article .quiz-badge{position:absolute;top:-32px;left:20px;transform:skew(-15deg);background-color:#005eb8;padding:7px 15px;border-radius:3px;box-shadow:0 2px 6px #0003}body.template-article .quiz-badge span{display:inline-block;transform:skew(15deg);color:#fff;font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;position:relative}body.template-article .quiz-badge span:before{content:"\1f6a9";display:inline-block;margin-right:8px;font-size:1.2em;vertical-align:middle}body.template-article .quiz-question{font-size:1.1em;color:#333;margin-bottom:25px;font-weight:600}body.template-article .quiz-options{list-style:none;padding:0;margin:0 0 0 20px}body.template-article .quiz-options li{margin:15px 0}body.template-article .quiz-options button{width:95%;margin:0 auto;text-align:left;padding:12px;font-size:1em;border:1px solid #ccc;border-radius:4px;background:#fafafa;cursor:pointer;transition:background .3s,border-color .3s;text-transform:none;color:#000}body.template-article .quiz-options button:hover{background:#f0f0f0}@media (max-width: 768px){.container,.block-section,.blog-page-container{padding-left:0!important;padding-right:0!important}.quiz-options button{width:100%;margin:0 auto}}body.template-article .quiz-options button.correct{background:#d2f4dc;border-color:#bde8c6;color:#155724;position:relative}body.template-article .quiz-options button.correct:after{content:"\1f389  Correct!";position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.9em;color:#155724;font-weight:700}body.template-article .quiz-options button.incorrect{background:#fddfe3;border-color:#f4cfd3;color:#721c24}body.template-article .explanation{font-size:.9em;margin-top:8px}body.template-article .correct-explanation{color:#155724}body.template-article .incorrect-explanation{color:#721c24}body.template-article .confetti{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:hidden}body.template-article .encouragement{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1000}body.template-article .flower{position:absolute;font-size:24px;animation:flower-fall linear forwards;opacity:.8}body.template-article .flower-img{position:absolute;width:260px;height:260px;animation:flower-fall linear forwards;opacity:.8;object-fit:contain}body.template-article .thumbs-up{position:absolute;width:45%;height:45%;bottom:-150px;left:50%;transform:translate(-50%);animation:thumbs-up-rise 1.5s ease-out forwards;object-fit:contain}@keyframes flower-fall{0%{transform:translate(calc(var(--start-x)),calc(var(--start-y))) rotate(0);opacity:0;visibility:hidden}20%{opacity:1;visibility:visible}to{transform:translate(calc(var(--end-x)),calc(100vh + 50px)) rotate(360deg);opacity:.8;visibility:visible}}@keyframes thumbs-up-rise{0%{transform:translate(-50%) scale(.5);bottom:-150px;opacity:0}30%{opacity:1}to{transform:translate(-50%) scale(1);bottom:40%;opacity:1}}body.template-article .encouragement-mobile{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1000}body.template-article .flower-img-mobile{position:absolute;width:120px;height:120px;animation:flower-fall linear forwards;opacity:.8;object-fit:contain}@keyframes mobile-flower-fall{0%{transform:translate(calc(var(--start-x)),calc(var(--start-y))) rotate(0);opacity:0;visibility:hidden}20%{opacity:1;visibility:visible}to{transform:translate(calc(var(--end-x)),calc(100vh + 50px)) rotate(180deg);opacity:.8;visibility:visible}}@media (max-width: 768px){.flower-img{animation-name:mobile-flower-fall}}body.template-article .confetti-piece{position:absolute;width:10px;height:10px;background-color:var(--color, #f00);animation:confetti-fall 1.5s linear forwards;border-radius:50%}@keyframes confetti-fall{0%{transform:translateY(-100px)}to{transform:translateY(100vh)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/styles.css.map */