@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--color-primary:#2563eb;--color-secondary:#0ea5e9;--color-background:#fff;--color-surface:#fff;--color-text:#1e293b;--color-text-muted:#475569;--font-serif:"Poppins", sans-serif;--font-sans:"Poppins", sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-glow:0 0 20px #c9a22766;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-background);color:var(--color-text);flex-direction:column;min-height:100vh;line-height:1.6;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-primary);line-height:1.2}p{color:var(--color-text-muted)}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none}.app-container{background:#fff;flex-direction:column;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.bg-shape{display:none}.quiz-card{box-shadow:none;z-index:10;text-align:center;background:#fff;border:none;border-radius:0;flex-direction:column;align-items:center;width:100%;max-width:600px;padding:1rem 1.5rem;display:flex;position:relative;overflow:hidden}@media (width<=480px){.quiz-card{min-height:auto;padding:1rem}}.subtitle{text-transform:uppercase;color:#0ea5e9;text-align:center;margin-bottom:.75rem;font-size:.875rem;font-weight:800}.title{color:#1e293b;text-align:center;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.copy-text{color:var(--color-text);text-align:center;margin-bottom:1rem;font-size:1.125rem;font-weight:400}.btn-primary{color:#fff;box-shadow:none;background:#2563eb;border-radius:8px;width:100%;max-width:400px;margin:1rem auto 0;padding:1rem 2.5rem;font-size:1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.btn-primary:active{transform:scale(.98)}.btn-green-pulse{color:#fff;text-align:center;background:#16a34a;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:400px;margin:1rem auto;padding:1rem 1.5rem;font-size:1.125rem;font-weight:800;text-decoration:none;transition:all .3s;animation:2s infinite pulse-green;display:flex;position:relative;overflow:hidden;box-shadow:0 0 15px #16a34a66}@keyframes pulse-green{0%{transform:scale(1);box-shadow:0 0 #16a34ab3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #16a34a00}to{transform:scale(1);box-shadow:0 0 #16a34a00}}.price-text{color:#1e293b;font-size:1.1rem;font-weight:600}.strike-red{color:#ef4444;font-weight:700;text-decoration:line-through}.footnote{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;font-size:.875rem;font-style:italic;display:flex}.input-field{border-radius:var(--radius-lg);width:100%;font-size:1.125rem;font-family:var(--font-sans);background:#ffffffe6;border:2px solid #e2e8f0;outline:none;margin-bottom:1.5rem;padding:1rem 1.5rem;transition:all .3s}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #0a3a601a}.options-list{flex-direction:column;gap:.5rem;width:100%;max-width:500px;margin-bottom:1rem;display:flex}.option-btn{text-align:center;color:#1e293b;box-shadow:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-height:3rem;padding:.8rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;position:relative}.option-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:none}.option-btn:active{transform:scale(.98)}.option-icon{font-size:1.5rem;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.option-text{flex:1;padding:0 2rem 0 2.5rem}.carousel-container{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem;width:100%;padding-bottom:1rem;display:flex;overflow-x:auto}.carousel-container::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:center;border-radius:8px;flex:0 0 85%;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.carousel-item img{width:100%;height:auto;display:block}textarea.input-field{resize:vertical;min-height:120px}.audio-player{border-radius:var(--radius-full);background:#f1f5f9;align-items:center;gap:1rem;width:100%;margin-bottom:2rem;padding:.75rem 1.5rem;display:flex;box-shadow:inset 0 2px 4px #0000000d}.play-btn{background:var(--color-primary);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .2s;display:flex}.play-btn:hover{background:#0f5286;transform:scale(1.05)}.audio-progress{background:#cbd5e1;border-radius:3px;flex:1;height:6px;overflow:hidden}.audio-progress-bar{background:var(--color-secondary);width:0%;height:100%;transition:width .1s linear}.generating-container{width:100%;margin:2rem 0}.generating-bar-bg{background:#e2e8f0;border-radius:6px;width:100%;height:12px;position:relative;overflow:hidden}.generating-bar-fill{background:linear-gradient(90deg, var(--color-secondary), #f5d061);width:0%;height:100%;transition:width .5s ease-out;position:relative}.generating-bar-fill:after{content:"";background:linear-gradient(45deg,#fff3 25%,#0000 25% 50%,#fff3 50% 75%,#0000 75%,#0000) 0 0/20px 20px;animation:1s linear infinite stripe;position:absolute;inset:0}@keyframes stripe{to{background-position:20px 0}}.percentage{color:var(--color-primary);margin-top:.5rem;font-size:1.25rem;font-weight:700}.book-cover{border-radius:var(--radius-md);width:180px;box-shadow:var(--shadow-lg);margin:1rem auto 2rem;display:block}.slide-enter{opacity:0;transform:translate(50px)}.slide-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translate(0)}.slide-exit{opacity:1;transform:translate(0)}.slide-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:translate(-50px)}