:root{color-scheme:light;font-family:Segoe UI,Comic Sans MS,Trebuchet MS,sans-serif;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#fffef5;color:#2d2d2d}.site{min-height:100vh;overflow-x:hidden}.hero{text-align:center;padding:4rem 2rem 3rem;background:linear-gradient(135deg,#fff4e6,#ffe0f0,#e0f0ff);border-bottom:4px solid #ffd43b}.hero-emoji{font-size:4rem;margin-bottom:.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero h1{font-size:clamp(1.8rem,5vw,3rem);font-weight:800;color:#e8590c;letter-spacing:-.02em;margin-bottom:.5rem}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.3rem);color:#5c5c5c;max-width:32rem;margin:0 auto 1rem}.hero-stars{font-size:1.5rem;letter-spacing:.25rem}.intro{max-width:40rem;margin:0 auto;padding:2.5rem 2rem;text-align:center;font-size:1.1rem;color:#444;line-height:1.8}.tips-section{padding:2rem 2rem 3rem;max-width:64rem;margin:0 auto}.tips-section h2{text-align:center;font-size:clamp(1.5rem,3.5vw,2.2rem);color:#e8590c;margin-bottom:2rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.25rem}.tip-card{background:#fff;border-radius:1rem;border-top:5px solid #ccc;padding:1.5rem;box-shadow:0 2px 12px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.tip-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001a}.tip-emoji{font-size:2.5rem;display:block;margin-bottom:.5rem}.tip-card h3{font-size:1.2rem;color:#333;margin-bottom:.5rem}.tip-card p{font-size:.95rem;color:#555;line-height:1.6}.scenarios-section{background:linear-gradient(180deg,#f0fff4,#fff4e6);padding:3rem 2rem;text-align:center}.scenarios-section h2{font-size:clamp(1.5rem,3.5vw,2.2rem);color:#2b8a3e;margin-bottom:.5rem}.scenarios-intro{color:#666;margin-bottom:1.5rem;font-size:1.05rem}.scenario-card{max-width:36rem;margin:0 auto;background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 2px 12px #0000000f}.scenario-question{font-size:1.15rem;font-weight:600;color:#333;margin-bottom:1.25rem;line-height:1.6}.scenario-choices{display:flex;flex-direction:column;gap:.6rem;text-align:left}.scenario-choice{background:#fff;border:2px solid #d0d0d0;border-radius:.75rem;padding:.8rem 1rem;cursor:pointer;font-size:1rem;color:#333;font-family:inherit;text-align:left;transition:all .2s ease}.scenario-choice:hover:not(:disabled){border-color:#69db7c;background:#f8f9fa}.scenario-choice:disabled{cursor:default}.scenario-choice.correct{border-color:#51cf66;background:#ebfbee;color:#2b8a3e;font-weight:600}.scenario-choice.wrong{border-color:#ff6b6b;background:#fff5f5;color:#c92a2a}.scenario-feedback{margin-top:1.25rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.feedback-correct{font-size:1.1rem;font-weight:600;color:#2b8a3e}.feedback-wrong{font-size:1.1rem;font-weight:600;color:#c92a2a}.scenario-next-btn{background:linear-gradient(135deg,#69db7c,#51cf66);border:none;border-radius:2rem;padding:.7rem 1.75rem;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease}.scenario-next-btn:hover{transform:scale(1.05);box-shadow:0 4px 14px #51cf6666}.scenario-score{margin-top:1rem;font-size:1rem;font-weight:600;color:#555}.pledge-section{background:linear-gradient(180deg,#f0f9ff,#fff4e6);padding:3rem 2rem;text-align:center}.pledge-section h2{font-size:clamp(1.5rem,3.5vw,2.2rem);color:#1971c2;margin-bottom:.5rem}.pledge-intro{color:#666;margin-bottom:1.5rem;font-size:1.05rem}.pledge-list{max-width:32rem;margin:0 auto;display:flex;flex-direction:column;gap:.6rem;text-align:left}.pledge-item{display:flex;align-items:center;gap:.75rem;background:#fff;border:2px solid #d0d0d0;border-radius:.75rem;padding:.8rem 1rem;cursor:pointer;font-size:1rem;color:#333;transition:all .2s ease;font-family:inherit;text-align:left}.pledge-item:hover{border-color:#74c0fc;background:#f8f9fa}.pledge-item.checked{border-color:#51cf66;background:#ebfbee}.pledge-item.checked .pledge-text{text-decoration:line-through;color:#2b8a3e}.pledge-box{flex-shrink:0;width:1.75rem;height:1.75rem;border:2px solid #adb5bd;border-radius:.4rem;display:grid;place-items:center;font-weight:700;font-size:1rem;color:#fff;transition:all .2s ease}.pledge-item.checked .pledge-box{background:#51cf66;border-color:#51cf66}.pledge-score{margin-top:1.5rem;font-size:1.1rem;font-weight:600;color:#555}.score-perfect{color:#e8590c;font-size:1.3rem}.facts-section{padding:3rem 2rem;text-align:center;max-width:40rem;margin:0 auto}.facts-section h2{font-size:clamp(1.5rem,3.5vw,2.2rem);color:#e8590c;margin-bottom:1.25rem}.fact-card{background:#fff;border:2px solid #ffd43b;border-radius:1rem;padding:2rem;box-shadow:0 2px 12px #0000000d}.fact-text{font-size:1.15rem;color:#333;margin-bottom:1.25rem;line-height:1.7;min-height:3rem}.fact-btn{background:linear-gradient(135deg,#ffd43b,#ffa94d);border:none;border-radius:2rem;padding:.7rem 1.75rem;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease}.fact-btn:hover{transform:scale(1.05);box-shadow:0 4px 14px #ffa94d66}.footer{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#fff4e6,#ffe0f0);border-top:4px solid #ffd43b}.footer-big{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700;color:#e8590c;margin-bottom:.5rem}.footer-small{font-size:1rem;color:#666;margin-bottom:1rem}.footer-emojis{font-size:1.5rem;letter-spacing:.3rem}@media(max-width:480px){.hero{padding:3rem 1.25rem 2rem}.tips-grid{grid-template-columns:1fr}.scenarios-section,.pledge-section,.facts-section,.footer{padding:2rem 1.25rem}}