:root{--coral: #FF6B6B;--coral-dark: #e55a5a;--yellow: #FFD93D;--yellow-dark: #f0c82a;--bg: #ffffff;--text: #333333;--text-light: #666666;--card-bg: #fafafa;--border: #eeeeee;--green: #6BCB77;--success: #6BCB77;--danger: #FF6B6B;--text-muted: #999999;--btn-radius: 28px;--btn-min-height: 56px;--question-font-size: 2rem;--shadow: 0 4px 16px rgba(0,0,0,.1);--shadow-hover: 0 8px 24px rgba(0,0,0,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Nunito,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}a{color:var(--coral);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--btn-min-height);padding:0 28px;border-radius:var(--btn-radius);border:none;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--coral);color:#fff}.btn-primary:hover{background:var(--coral-dark)}.btn-secondary{background:var(--yellow);color:#333}.btn-secondary:hover{background:var(--yellow-dark)}.btn-outline{background:transparent;color:var(--coral);border:2px solid var(--coral)}.btn-outline:hover{background:var(--coral);color:#fff}.btn-ghost{background:transparent;color:var(--text-light);border:2px solid var(--border)}.btn-ghost:hover{border-color:var(--coral);color:var(--coral)}.btn-icon{width:48px;height:48px;padding:0;border-radius:50%;font-size:1.4rem;min-height:unset}.fr{display:block;font-weight:800}.en{display:block;font-size:.8em;font-weight:600;opacity:.65}.bilingual{line-height:1.3}.card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.progress-bar-wrap{background:var(--border);border-radius:8px;height:12px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--coral),var(--yellow));border-radius:8px;transition:width .4s ease}.spinner{width:48px;height:48px;border:5px solid var(--border);border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sparkle{0%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.9}to{transform:scale(1);opacity:1}}.sparkle{animation:sparkle .5s ease 2}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.confetti-piece{position:fixed;top:0;width:10px;height:14px;border-radius:2px;animation:confetti-fall linear forwards;pointer-events:none;z-index:9999}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-box{background:#fff;border-radius:24px;padding:32px;max-width:480px;width:100%;box-shadow:0 20px 60px #00000040}.page{min-height:100vh;padding:24px 16px;display:flex;flex-direction:column;align-items:center}.page-title{font-size:2rem;font-weight:900;color:var(--coral);margin-bottom:4px}.page-subtitle{font-size:1rem;color:var(--text-light);margin-bottom:32px}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-48{margin-top:48px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.w-full{width:100%}