* { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Nunito', sans-serif; background: #667eea; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; }
    .container { max-width: 650px; width: 100%; background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.3); }
    .page { display: none; } .page.active { display: block; }
    img { width: 100%; height: 300px; object-fit: cover; display: block; }
    .content { padding: 30px; text-align: center; }
    h1, h2 { font-family: 'Fredoka One', cursive; color: #764ba2; margin-bottom: 12px; }
    h1 { font-size: 32px; }
    h2 { font-size: 24px; }
    p { font-size: 16px; color: #333; line-height: 1.6; margin-bottom: 16px; }
    .buttons { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 20px; }
    button { padding: 10px 20px; font-size: 14px; font-family: 'Fredoka One', cursive; border: none; border-radius: 50px; cursor: pointer; font-weight: 700; }
    .btn-primary { background: #667eea; color: white; }
    .btn-primary:hover { background: #5568d3; }
    .btn-secondary { background: #f0f0f0; color: #764ba2; }
    .btn-secondary:hover { background: #e0e0e0; }
    .btn-choice { background: #764ba2; color: white; flex: 1; min-width: 150px; }
    .btn-choice:hover { background: #5a3b7d; }