.logo-container{display:flex;justify-content:center;margin-bottom:30px}.logo-circle{width:140px;height:140px;border-radius:50%;border:4px solid #D4AF37;position:relative;overflow:hidden;background:#8b0000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #d4af374d}.logo-image{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.logo-circle{width:120px;height:120px}}.progress-bar-container{width:100%;margin-bottom:30px}.progress-bar{width:100%;height:8px;background:#ffe4e1;border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;background:#c41e3a;border-radius:10px;transition:width .5s ease}.button-wrapper{width:100%;max-width:450px;margin:20px auto 0;position:relative}.btn{width:100%;padding:18px 30px;border:none;border-radius:12px;font-size:18px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;text-decoration:none;display:block;text-align:center;position:relative;animation:pulse 2.5s ease-in-out infinite;box-shadow:0 6px #8b0000}@keyframes pulse{0%{box-shadow:0 6px #8b0000,0 0 #dc143cb3}40%{box-shadow:0 6px #8b0000,0 0 0 20px #dc143c00}to{box-shadow:0 6px #8b0000,0 0 #dc143c00}}.button-line{display:none}.btn-primary{background:#dc143c;color:#fff}.btn-primary:hover{background:#b71c1c;animation:pulse 2s ease-in-out infinite}.btn-primary:active{transform:translateY(2px);box-shadow:0 4px #8b0000}.btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none;animation:none}.btn.disabled:hover{transform:none;box-shadow:0 6px #8b000080;animation:none}.btn-green{background:#28a745;color:#fff;animation:pulseGreen 2.5s ease-in-out infinite;box-shadow:0 6px #155724}@keyframes pulseGreen{0%{box-shadow:0 6px #155724,0 0 #28a745b3}40%{box-shadow:0 6px #155724,0 0 0 20px #28a74500}to{box-shadow:0 6px #155724,0 0 #28a74500}}.btn-green:hover{background:#218838;animation:pulseGreen 2s ease-in-out infinite}@media (max-width: 768px){.btn{padding:16px 25px;font-size:16px}}.step-container{width:100%;padding:20px 0}.promo-banner{background:#dc143c;border-radius:12px;padding:15px 20px;text-align:center;margin:0 auto 25px;max-width:450px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 12px #dc143c66;animation:promoPulse 2s ease-in-out infinite}@keyframes promoPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #dc143c66}50%{transform:scale(1.02);box-shadow:0 6px 16px #dc143c99}}.promo-icon{font-size:24px;flex-shrink:0}.promo-text{font-size:14px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1.3}.step-image-container{width:100%;max-width:450px;margin:20px auto;border-radius:12px;overflow:hidden;position:relative;padding-bottom:15px}.step-image-container:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:4px;background:linear-gradient(to right,transparent 0%,#DC143C 20%,#DC143C 80%,transparent 100%);border-radius:2px;box-shadow:0 2px 8px #dc143c66}.step-image{width:100%;height:auto;display:block;border-radius:12px}.step-title{font-size:24px;font-weight:700;color:#c41e3a;margin-bottom:20px;line-height:1.3;text-align:center;letter-spacing:-.5px;max-width:450px;margin-left:auto;margin-right:auto}.step-title strong{font-weight:900}.step-subtitle{font-size:18px;color:#333;margin-bottom:20px;text-align:center;max-width:450px;margin-left:auto;margin-right:auto}.step-text{font-size:18px;color:#333;line-height:1.8;margin-bottom:25px;max-width:450px;margin-left:auto;margin-right:auto}.step-text p{margin-bottom:15px}.step-text strong{font-weight:900;color:#c41e3a}.step-hint{font-size:14px;color:#666;text-align:center;margin:15px auto;max-width:450px}.name-input{width:100%;max-width:450px;padding:18px 20px;border:2px solid #ddd;border-radius:12px;font-size:18px;margin:0 auto 20px;transition:border-color .3s ease;display:block}.name-input:focus{outline:none;border-color:#dc143c}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;max-width:450px;margin-left:auto;margin-right:auto}.options-list{margin-bottom:20px;max-width:450px;margin-left:auto;margin-right:auto}.benefits-list{margin:15px auto;max-width:450px;display:flex;flex-direction:column;gap:15px}.benefit-item{display:flex;align-items:center;justify-content:center;gap:12px;padding:0;background:transparent;border-radius:0}.benefit-icon{font-size:24px;flex-shrink:0}.benefit-text{font-size:16px;color:#333;line-height:1.5;text-align:center}.benefit-text strong{font-weight:900;color:#c41e3a}.testimonials-container{margin:30px auto 0;max-width:450px}.testimonial-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d}.testimonial-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:15px}.testimonial-avatar{width:60px;height:60px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0;overflow:hidden;border:2px solid #D4AF37}.testimonial-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center}.testimonial-info{flex:1}.testimonial-name{font-size:16px;font-weight:700;color:#333;margin-bottom:5px}.testimonial-location{font-size:14px;color:#666;margin-bottom:5px}.testimonial-stars{font-size:16px;color:gold}.testimonial-text{font-size:15px;color:#555;line-height:1.6}.step-final{padding-bottom:40px}.timer-banner{background:#dc143c;border-radius:12px;padding:18px 20px;text-align:center;margin:0 auto 30px;max-width:450px;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 4px 12px #dc143c66}.timer-icon{font-size:32px;flex-shrink:0}.timer-text{font-size:16px;color:#fff;font-weight:500;flex-shrink:0}.timer-display{font-size:32px;font-weight:700;color:#fff;font-family:Courier New,monospace;flex-shrink:0}.notifications-container{margin:20px auto;max-width:450px}.section-title{font-size:22px;font-weight:700;color:#c41e3a;text-align:center;margin:40px auto 20px;text-transform:uppercase;max-width:450px}.testimonials-grid{display:flex;flex-direction:column;gap:20px;margin:20px auto;max-width:450px}@media (max-width: 768px){.step-title{font-size:20px}.step-subtitle{font-size:16px}.step-text{font-size:15px}.options-grid,.testimonials-grid{grid-template-columns:1fr}.timer-banner{padding:12px 15px;gap:10px}.timer-display,.timer-icon{font-size:24px}.timer-text{font-size:13px}.promo-banner{padding:12px 15px;gap:8px}.promo-icon{font-size:20px}.promo-text{font-size:12px}}.option-button{width:100%;padding:18px 20px;margin-bottom:15px;background:#dc143c;color:#fff;border:none;border-radius:12px;font-size:16px;text-align:left;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;animation:pulseOption 2.5s ease-in-out infinite;box-shadow:0 5px #8b0000}@keyframes pulseOption{0%{box-shadow:0 5px #8b0000,0 0 #dc143cb3}40%{box-shadow:0 5px #8b0000,0 0 0 15px #dc143c00}to{box-shadow:0 5px #8b0000,0 0 #dc143c00}}.option-button:hover{background:#b71c1c;animation:pulseOption 2s ease-in-out infinite}.option-button.selected{background:#8b0000;border:2px solid #FFD700;animation:pulseSelected 2.5s ease-in-out infinite;box-shadow:0 5px #460000}@keyframes pulseSelected{0%{box-shadow:0 5px #460000,0 0 #ffd700b3}40%{box-shadow:0 5px #460000,0 0 0 15px #ffd70000}to{box-shadow:0 5px #460000,0 0 #ffd70000}}.option-icon{font-size:24px;flex-shrink:0}.option-text{flex:1}.option-check{font-size:20px;font-weight:700;color:gold}@media (max-width: 768px){.option-button{padding:16px 18px;font-size:15px}.option-icon{font-size:20px}}.faq-container{margin:40px 0}.faq-title{font-size:22px;font-weight:700;color:#333;text-align:center;margin-bottom:30px;text-transform:uppercase}.faq-list{width:100%}.faq-item{border-bottom:1px solid #e0e0e0;margin-bottom:0}.faq-question{width:100%;padding:20px 0;background:none;border:none;text-align:left;font-size:16px;font-weight:500;color:#333;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color .3s ease}.faq-question:hover{color:#c41e3a}.faq-arrow{font-size:12px;color:#999;transition:transform .3s ease;flex-shrink:0;margin-left:15px}.faq-arrow.open{transform:rotate(180deg)}.faq-answer{padding:0 0 20px;font-size:15px;color:#666;line-height:1.8;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media (max-width: 768px){.faq-question{font-size:15px;padding:18px 0}.faq-answer{font-size:14px}}.purchase-notification{background:#ffe4e1;border-radius:12px;padding:15px 20px;margin-bottom:15px;animation:slideIn .5s ease-out;border-left:4px solid #DC143C}.notification-content{font-size:15px;color:#333;margin-bottom:8px}.notification-content strong{color:#c41e3a;font-weight:700}.notification-urgency{font-size:14px;color:#666}.notification-urgency strong{color:#c41e3a;font-weight:700}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.quiz-container{width:100%;max-width:600px;margin:0 auto;padding:20px;background:#fff}.quiz-content{margin-top:30px;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.quiz-container{padding:15px}}.App{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px}@media (max-width: 768px){.App{padding:10px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-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-color:#fff;color:#333;line-height:1.6}#root{min-height:100vh}