.welcome-screen{width:100%;flex:1;display:flex;justify-content:center;align-items:center}.welcome-card{text-align:center}.welcome-icon{display:flex;align-items:flex-start;justify-content:center;margin-bottom:16px}.tea-emoji{font-size:3.5rem;line-height:1}.steam{font-size:1.5rem;color:var(--color-sage);margin-left:-8px;margin-top:-4px}.welcome-brand{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-forest);margin-bottom:4px;letter-spacing:.02em}.welcome-title{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--color-moss);margin-bottom:20px}.welcome-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;max-width:320px;margin:0 auto 24px}.welcome-features{display:flex;justify-content:center;gap:24px;margin-bottom:28px}.feature{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-muted)}.feature-icon{font-size:1.1rem}.btn-start{width:100%;max-width:280px;padding:16px 32px;font-size:1.1rem}.btn-arrow{font-size:1.2rem;transition:transform .3s ease}.btn-start:hover .btn-arrow{transform:translate(4px)}.welcome-footer{margin-top:24px;font-size:.85rem;color:var(--text-muted);font-style:italic}@media (max-width: 480px){.welcome-brand{font-size:2rem}.welcome-title{font-size:1.1rem}.welcome-description{font-size:.95rem}.welcome-features{gap:16px}.feature{font-size:.85rem}}.question-screen{width:100%;flex:1;display:flex;justify-content:center;align-items:center}.question-card{text-align:center}.question-number{font-size:.85rem;color:var(--color-sage);font-weight:500;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.question-text{font-size:1.5rem;margin-bottom:8px}.options-grid{display:flex;flex-direction:column;gap:12px;margin-top:8px}.option-btn{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:var(--color-cream);border:2px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;color:var(--text-primary);cursor:pointer;transition:all .25s ease;text-align:left;touch-action:manipulation}.option-btn:hover{background:var(--color-mint-soft);border-color:var(--color-sage)}.option-btn.selected{background:var(--color-mint-soft);border-color:var(--color-forest);box-shadow:var(--shadow-soft)}.option-icon{font-size:1.4rem;flex-shrink:0}.option-label{flex:1;font-weight:500}.option-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-forest);color:#fff;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;opacity:0;transform:scale(.5);transition:all .2s ease}.option-btn.selected .option-check{opacity:1;transform:scale(1)}@media (max-width: 480px){.question-text{font-size:1.25rem}.option-btn{padding:14px 16px;gap:10px}.option-icon{font-size:1.2rem}.option-label{font-size:.95rem}}.contact-screen{width:100%;flex:1;display:flex;justify-content:center;align-items:center}.contact-card{text-align:center}.contact-header{margin-bottom:24px}.contact-icon{font-size:2.5rem;display:block;margin-bottom:12px}.contact-form{text-align:left}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel]{width:100%;padding:14px 16px;border:2px solid var(--color-sand);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:#fff;transition:all .25s ease}.form-group input:focus{outline:none;border-color:var(--color-forest);box-shadow:0 0 0 3px #2d50161a}.form-group input::placeholder{color:var(--text-muted)}.form-group.has-error input{border-color:#e74c3c}.error-text{display:block;font-size:.85rem;color:#e74c3c;margin-top:4px}.subscribe-group{margin:24px 0;padding:16px;background:var(--color-mint-soft);border-radius:var(--radius-md)}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{flex-shrink:0;width:24px;height:24px;border:2px solid var(--color-sage);border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox-custom:after{content:"✓";color:#fff;font-size:.9rem;font-weight:600;opacity:0;transform:scale(0);transition:all .2s ease}.checkbox-label input:checked+.checkbox-custom{background:var(--color-forest);border-color:var(--color-forest)}.checkbox-label input:checked+.checkbox-custom:after{opacity:1;transform:scale(1)}.checkbox-text{font-size:.95rem;color:var(--text-secondary);line-height:1.4}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel]{padding:12px 14px}.subscribe-group{padding:14px}}.thankyou-screen{width:100%;flex:1;display:flex;justify-content:center;align-items:center}.thankyou-card{text-align:center}.success-icon{font-size:4rem;margin-bottom:16px}.thankyou-title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--color-forest);margin-bottom:12px}.thankyou-message{color:var(--text-secondary);font-size:1rem;line-height:1.6;max-width:340px;margin:0 auto 24px}.thankyou-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.benefit-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--color-mint-soft);border-radius:var(--radius-md);text-align:left}.benefit-icon{font-size:1.3rem;flex-shrink:0}.benefit-item span:last-child{font-size:.95rem;color:var(--text-secondary)}.thankyou-social{padding-top:20px;border-top:1px solid var(--color-sand)}.social-text{font-size:.9rem;color:var(--text-muted);margin-bottom:12px}.social-links{display:flex;justify-content:center;gap:16px}.social-link{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--color-cream);border-radius:var(--radius-full);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all .25s ease}.social-link:hover{background:var(--color-mint-soft);color:var(--color-forest)}.thankyou-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;font-size:.85rem;color:var(--text-muted)}.footer-leaf{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}@media (max-width: 480px){.success-icon{font-size:3rem}.thankyou-title{font-size:1.75rem}.thankyou-message{font-size:.95rem}}.progress-container{position:fixed;top:0;left:0;right:0;padding:16px 20px;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:6px;background:var(--color-sand);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-forest);border-radius:var(--radius-full)}.progress-text{font-size:.85rem;font-weight:500;color:var(--color-moss);min-width:40px;text-align:right}@media (max-width: 480px){.progress-container{padding:12px 16px}.progress-bar{height:5px}}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative;overflow-x:hidden;overflow-y:auto}.floating-leaves{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.leaf{position:absolute;font-size:2rem;opacity:.15;animation:floatLeaf 15s ease-in-out infinite}.leaf-1{top:10%;left:10%;animation-delay:0s;animation-duration:18s}.leaf-2{top:20%;right:15%;animation-delay:-4s;animation-duration:20s}.leaf-3{bottom:30%;left:20%;animation-delay:-8s;animation-duration:16s}.leaf-4{bottom:15%;right:10%;animation-delay:-12s;animation-duration:22s}@keyframes floatLeaf{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-30px) rotate(10deg)}50%{transform:translate(-10px,-50px) rotate(-5deg)}75%{transform:translate(30px,-20px) rotate(15deg)}}.survey-card{width:100%;max-width:500px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lifted);padding:32px 24px;position:relative;z-index:1}@media (max-width: 480px){.app{padding:60px 16px 24px}.survey-card{padding:24px 20px;border-radius:var(--radius-md);margin-top:auto;margin-bottom:auto}}.survey-title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-forest);text-align:center;margin-bottom:8px;line-height:1.3}.survey-subtitle{font-size:.95rem;color:var(--text-muted);text-align:center;margin-bottom:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;touch-action:manipulation}.btn-primary{background:var(--gradient-forest);color:#fff;box-shadow:var(--shadow-medium)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lifted)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--color-sand)}.btn-secondary:hover{background:var(--color-cream);border-color:var(--color-warm-beige)}.button-group{display:flex;gap:12px;justify-content:center;margin-top:24px}.button-group .btn{flex:1;max-width:160px}@media (max-width: 480px){.button-group{flex-direction:column-reverse}.button-group .btn{max-width:100%}}:root{--color-cream: #F5EFE6;--color-sand: #D4C4A8;--color-warm-beige: #C9B896;--color-terracotta: #A67C52;--color-earth-brown: #5C4033;--color-deep-brown: #3D2914;--color-sage: #87A96B;--color-forest: #2D5016;--color-moss: #4A6741;--color-leaf: #6B8E23;--color-mint-soft: #E8F0E3;--color-gold: #C4A052;--color-copper: #B87333;--color-rose-dust: #C9A9A6;--text-primary: #2C2416;--text-secondary: #5C4D3D;--text-muted: #8B7E6A;--gradient-botanical: linear-gradient(135deg, #E8F0E3 0%, #F5EFE6 50%, #F0E6D8 100%);--gradient-earth: linear-gradient(180deg, #F5EFE6 0%, #E8DCC8 100%);--gradient-forest: linear-gradient(135deg, #2D5016 0%, #4A6741 100%);--shadow-soft: 0 2px 8px rgba(45, 80, 22, .08);--shadow-medium: 0 4px 16px rgba(45, 80, 22, .12);--shadow-lifted: 0 8px 32px rgba(45, 80, 22, .16);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Outfit", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--gradient-botanical);color:var(--text-primary);min-height:100vh;min-height:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;min-height:100dvh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-cream)}::-webkit-scrollbar-thumb{background:var(--color-sage);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-moss)}::selection{background:var(--color-sage);color:#fff}:focus-visible{outline:2px solid var(--color-forest);outline-offset:2px}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}