@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2d2d2dde;background-color:#f0fdf4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{min-height:100vh}:root{--primary-color: #10b981;--primary-dark: #059669;--primary-light: #34d399;--secondary-color: #047857;--accent-color: #fbbf24;--text-dark: #2d2d2d;--text-light: #666;--bg-light: #f0fdf4;--bg-white: #ffffff;--shadow: 0 10px 40px rgba(16, 185, 129, .15);--shadow-hover: 0 15px 50px rgba(16, 185, 129, .25);--border-radius: 20px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f0fdf4,#d1fae5);min-height:100vh;color:var(--text-dark)}.quiz-container{max-width:800px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.step-card{background:var(--bg-white);border-radius:var(--border-radius);padding:40px;box-shadow:var(--shadow);width:100%;animation:fadeInUp .6s ease-out;transition:var(--transition)}.step-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.step-title{font-size:28px;font-weight:700;color:var(--text-dark);margin-bottom:20px;text-align:center;line-height:1.3}.step-subtitle{font-size:18px;color:var(--text-light);margin-bottom:30px;text-align:center;line-height:1.6}.step-image{width:100%;max-width:500px;height:auto;border-radius:15px;margin:20px auto;display:block;box-shadow:0 8px 25px #0000001a}.options-container{display:flex;flex-direction:column;gap:15px;margin:30px 0}.option-button{background:var(--bg-white);border:3px solid #f0f0f0;border-radius:15px;padding:20px 25px;font-size:18px;font-weight:600;color:var(--text-dark);cursor:pointer;transition:var(--transition);text-align:left;display:flex;align-items:center;gap:15px;position:relative;overflow:hidden}.option-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);transition:left .5s}.option-button:hover:before{left:100%}.option-button:hover{border-color:var(--primary-color);transform:translate(10px);box-shadow:0 5px 20px #10b98133}.option-button:active{transform:translate(10px) scale(.98)}.image-option{flex-direction:column;padding:15px;text-align:center}.image-option img{width:100%;max-width:200px;height:auto;border-radius:10px;margin-bottom:10px}.primary-button{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:50px;padding:18px 40px;font-size:20px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 8px 25px #10b9814d;text-transform:uppercase;letter-spacing:1px;width:100%;margin-top:20px;position:relative;overflow:hidden}.primary-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.primary-button:hover:before{width:300px;height:300px}.primary-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #10b98166}.primary-button:active{transform:translateY(-1px)}.warning-box{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:20px;border-radius:15px;margin:20px 0;font-size:16px;font-weight:600;text-align:center;box-shadow:0 5px 20px #ff6b6b4d;animation:pulse 2s infinite}.proof-section{margin:30px 0;text-align:center}.proof-section h3{font-size:24px;color:var(--primary-color);margin-bottom:15px;font-weight:700}.proof-section p{font-size:18px;color:var(--text-light);margin-bottom:20px;line-height:1.6}.video-container{position:relative;width:100%;padding-bottom:56.25%;margin:20px 0;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0003}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.audio-player{width:100%;margin:20px 0;border-radius:50px;outline:none}.loading-screen{text-align:center;padding:60px 20px}.loading-screen h2{font-size:32px;color:var(--primary-color);margin-bottom:30px;font-weight:700}.progress-bar{width:100%;height:12px;background:#f0f0f0;border-radius:10px;overflow:hidden;margin:20px 0;box-shadow:inset 0 2px 5px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:10px;transition:width .5s ease;box-shadow:0 0 10px #10b98180}.progress-text{font-size:24px;font-weight:700;color:var(--primary-color);margin-top:15px}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0}.result-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:25px;border-radius:15px;text-align:center;border:2px solid #f0f0f0;transition:var(--transition)}.result-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 25px #10b98126}.result-card h4{font-size:16px;color:var(--text-light);margin-bottom:10px;font-weight:600}.result-value{font-size:32px;font-weight:700;color:var(--primary-color);margin-bottom:5px}.result-label{font-size:14px;color:var(--text-light);font-weight:600}.alert-box{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;padding:25px;border-radius:15px;margin:25px 0;font-size:18px;font-weight:600;text-align:center;box-shadow:0 8px 25px #22c55e4d}.gif-container{margin:20px 0;text-align:center}.gif-container img{max-width:100%;height:auto;border-radius:10px}.hidden{display:none!important}@media(max-width:768px){.quiz-container{padding:15px}.step-card{padding:25px 20px}.step-title{font-size:24px}.step-subtitle{font-size:16px}.option-button{padding:15px 20px;font-size:16px}.primary-button{padding:15px 30px;font-size:18px}.results-grid{grid-template-columns:1fr;gap:15px}.result-value{font-size:28px}}@media(max-width:480px){.step-title{font-size:20px}.step-subtitle{font-size:14px}.option-button{font-size:14px;padding:12px 15px}.primary-button{font-size:16px;padding:12px 25px}}