:root{--color-primary: #153e25;--color-primary-light: #1e5634;--color-primary-dark: #0d2817;--color-secondary: #72947f;--color-accent: #dfb43a;--color-accent-hover: #c9a02f;--color-bg-base: #f4f7f4;--color-card-bg: rgba(255, 255, 255, .95);--color-card-border: rgba(21, 62, 37, .08);--color-text-dark: #222e25;--color-text-muted: #5a6e60;--color-error: #b33939;--color-success: #218c53;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-round: 50%;--shadow-sm: 0 4px 8px rgba(15, 46, 27, .04);--shadow-md: 0 12px 24px rgba(15, 46, 27, .08);--shadow-lg: 0 20px 40px rgba(15, 46, 27, .12);--shadow-inset: inset 0 2px 4px rgba(0,0,0,.06);--container-width: 540px;--transition-speed: .35s}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-text-dark);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;padding:16px;position:relative}.bg-shape{position:absolute;border-radius:var(--radius-round);filter:blur(80px);z-index:0;opacity:.45;pointer-events:none}.shape-1{width:300px;height:300px;background:radial-gradient(circle,var(--color-secondary) 0%,rgba(255,255,255,0) 70%);top:-50px;right:-50px;animation:floatShape1 18s infinite alternate ease-in-out}.shape-2{width:400px;height:400px;background:radial-gradient(circle,#e2ebd5,#fff0 70%);bottom:-100px;left:-100px;animation:floatShape2 25s infinite alternate ease-in-out}.shape-3{width:250px;height:250px;background:radial-gradient(circle,var(--color-accent) 0%,rgba(255,255,255,0) 70%);top:40%;left:50%;transform:translate(-50%,-50%);opacity:.15}@keyframes floatShape1{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,40px) scale(1.1)}}@keyframes floatShape2{0%{transform:translate(0) scale(1)}to{transform:translate(50px,-40px) scale(.9)}}.app-container{width:100%;max-width:var(--container-width);min-height:calc(100vh - 32px);display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1}.app-header{padding:12px 0 20px;display:flex;justify-content:center;align-items:center}.brand-logos{display:flex;align-items:center;background:var(--color-card-bg);padding:8px 18px;border-radius:50px;box-shadow:var(--shadow-sm);border:1px solid var(--color-card-border)}.brand-logo img{height:34px;width:auto;display:block;object-fit:contain}.brand-divider{width:1px;height:20px;background-color:var(--color-text-muted);opacity:.3;margin:0 16px}.ant-group-text{font-family:var(--font-sans);font-weight:700;font-size:13px;letter-spacing:1.5px;color:var(--color-primary-dark);display:flex;flex-direction:column;line-height:1}.ant-group-text .sub{font-size:8px;letter-spacing:2px;color:var(--color-secondary);font-weight:500;text-align:right;margin-top:1px}.main-card{background-color:var(--color-card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-lg);padding:32px 24px;flex-grow:1;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;transition:all .3s ease}@media (max-width: 480px){.main-card{padding:24px 16px}}.quiz-screen{display:none;opacity:0;transform:translateY(15px);transition:opacity var(--transition-speed) ease,transform var(--transition-speed) ease;width:100%}.quiz-screen.active{display:block;opacity:1;transform:translateY(0)}.welcome-content{text-align:center}.icon-badge{width:76px;height:76px;background-color:#153e2514;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--color-primary);font-size:32px;border:1px solid rgba(21,62,37,.05)}.welcome-title{font-family:var(--font-serif);font-size:34px;font-weight:700;line-height:1.2;margin-bottom:16px;color:var(--color-primary-dark)}.welcome-title span{color:var(--color-primary);position:relative}.welcome-title span:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:4px;background-color:var(--color-accent);opacity:.6;border-radius:2px;z-index:-1}.welcome-subtitle{color:var(--color-text-muted);font-size:16px;line-height:1.6;margin-bottom:20px}.giveaway-banner{display:flex;align-items:center;justify-content:center;gap:10px;background-color:#dfb43a1f;border:1px solid rgba(223,180,58,.25);border-radius:var(--radius-md);padding:12px 16px;color:var(--color-primary-dark);font-size:14.5px;font-weight:700;line-height:1.4;margin-bottom:28px;text-align:center;box-shadow:var(--shadow-sm)}.giveaway-banner i{color:var(--color-accent);font-size:18px;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.welcome-features{display:flex;justify-content:center;gap:20px;margin-bottom:36px}.feature-item{display:flex;align-items:center;gap:8px;background:var(--color-bg-base);padding:8px 16px;border-radius:50px;font-size:14px;font-weight:600;color:var(--color-primary);border:1px solid var(--color-card-border)}.feature-item i{color:var(--color-accent)}.btn{font-family:var(--font-sans);font-weight:600;border:none;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #153e2533}.btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 6px 18px #153e2547}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-bg-base);color:var(--color-text-dark);border:1px solid var(--color-card-border)}.btn-secondary:hover{background-color:#e9ede9;color:var(--color-primary-dark)}.btn-large{padding:16px 36px;font-size:16px;letter-spacing:.5px}.btn-full{width:100%;padding:15px;font-size:16px}.btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.quiz-progress-container{margin-bottom:24px}.quiz-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.question-counter{color:var(--color-text-muted);font-weight:500}.question-counter strong{color:var(--color-primary-dark);font-weight:700}.score-pill{background-color:#dfb43a26;color:#a7801a;padding:4px 10px;border-radius:50px;font-weight:700;display:flex;align-items:center;gap:5px}.progress-bar-track{width:100%;height:8px;background-color:var(--color-bg-base);border-radius:4px;position:relative;overflow:visible}.progress-bar-fill{height:100%;width:0%;background-color:var(--color-primary);border-radius:4px;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-leaf{position:absolute;right:-8px;top:-8px;width:24px;height:24px;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 2px 6px #00000026;transform:scale(.9);animation:heartbeat 2s infinite ease-in-out}@keyframes heartbeat{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(.9)}}.question-text{font-family:var(--font-serif);font-size:22px;font-weight:700;line-height:1.35;color:var(--color-primary-dark);margin-bottom:24px}.options-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:24px}.option-card{display:flex;align-items:center;gap:16px;background-color:#fff;border:1.5px solid var(--color-card-border);border-radius:var(--radius-md);padding:16px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);text-align:left}.option-card:hover{border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md);background-color:#72947f05}.option-card.selected{border-color:var(--color-primary);background-color:#153e250d;box-shadow:0 4px 12px #153e2514}.option-letter{width:32px;height:32px;border-radius:var(--radius-round);border:1.5px solid var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--color-text-muted);transition:all .2s ease;background-color:#fff;flex-shrink:0}.option-card:hover .option-letter{border-color:var(--color-primary);color:var(--color-primary)}.option-card.selected .option-letter{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.option-text{font-size:15.5px;font-weight:500;line-height:1.4;color:var(--color-text-dark)}.quiz-footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--color-card-border)}#btn-back{padding:10px 20px;font-size:14px}.slide-out-left{animation:slideOutLeft .35s forwards ease-in}.slide-in-right{animation:slideInRight .35s forwards ease-out}.slide-out-right{animation:slideOutRight .35s forwards ease-in}.slide-in-left{animation:slideInLeft .35s forwards ease-out}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(50px);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}.lead-content{width:100%}.section-title{font-family:var(--font-serif);font-size:26px;font-weight:700;text-align:center;color:var(--color-primary-dark);margin-bottom:8px}.section-subtitle{color:var(--color-text-muted);font-size:14.5px;text-align:center;line-height:1.5;margin-bottom:24px}#lead-form{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;gap:6px;position:relative}.input-group label{font-size:13.5px;font-weight:700;color:var(--color-text-dark);letter-spacing:.2px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--color-text-muted);font-size:15px;pointer-events:none}.input-wrapper input{width:100%;padding:14px 16px 14px 44px;border-radius:var(--radius-md);border:1.5px solid var(--color-card-border);background-color:var(--color-bg-base);font-family:var(--font-sans);font-size:15px;color:var(--color-text-dark);outline:none;transition:all .2s ease}.input-wrapper input::placeholder{color:#a0b0a5}.input-wrapper input:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 4px #153e2514}.input-group.invalid .input-wrapper input{border-color:var(--color-error);background-color:#b3393905}.error-message{font-size:12px;color:var(--color-error);font-weight:500;margin-top:2px;display:none}.input-group.invalid .error-message{display:block}.checkbox-group{display:flex;flex-direction:column;gap:4px}.checkbox-container{display:flex;align-items:flex-start;gap:12px;position:relative;cursor:pointer;font-size:13px;line-height:1.45;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{width:20px;height:20px;background-color:var(--color-bg-base);border:1.5px solid var(--color-card-border);border-radius:6px;display:block;flex-shrink:0;position:relative;transition:all .2s ease}.checkbox-container:hover input~.checkmark{border-color:var(--color-secondary)}.checkbox-container input:checked~.checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2.5px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-text a{color:var(--color-primary);text-decoration:underline;font-weight:600}.checkbox-group.invalid .error-message{display:block}.checkbox-group.invalid .checkmark{border-color:var(--color-error)}.shake{animation:shakeAnimation .4s ease-in-out}@keyframes shakeAnimation{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.results-content{text-align:center}.result-badge-container{position:relative;width:100px;height:100px;margin:0 auto 20px}.result-badge-icon{width:100px;height:100px;background:radial-gradient(circle,var(--color-primary-light) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;color:#fff;font-size:42px;position:relative;z-index:2;box-shadow:0 6px 20px #0f2e1b40;border:2px solid #ffffff}.result-badge-glow{position:absolute;top:-10px;left:-10px;width:120px;height:120px;background-color:var(--color-accent);opacity:.35;border-radius:var(--radius-round);filter:blur(12px);z-index:1;animation:pulseGlow 3s infinite alternate ease-in-out}@keyframes pulseGlow{0%{transform:scale(.9);opacity:.2}to{transform:scale(1.15);opacity:.55}}.result-score-tag{background-color:var(--color-bg-base);color:var(--color-text-muted);font-size:13px;font-weight:700;padding:6px 14px;border-radius:50px;display:inline-block;margin-bottom:12px;border:1px solid var(--color-card-border)}.result-score-tag strong{color:var(--color-primary)}.result-title{font-family:var(--font-serif);font-size:28px;font-weight:800;color:var(--color-primary-dark);margin-bottom:12px}.result-desc{color:var(--color-text-dark);font-size:15.5px;line-height:1.6;margin-bottom:24px;padding:0 10px}.recommendations-box{background-color:#fff;border:1px solid var(--color-card-border);border-radius:var(--radius-md);padding:20px;text-align:left;margin-bottom:20px;box-shadow:var(--shadow-sm)}.recommendations-box h3{font-size:15px;font-weight:700;color:var(--color-primary-dark);margin-bottom:12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--color-bg-base);padding-bottom:8px}.recommendations-box h3 i{color:var(--color-secondary)}.tips-content{font-size:14.5px;line-height:1.6;color:var(--color-text-dark)}.tips-content p{margin-bottom:12px}.tips-content ul{list-style-type:none;padding-left:0;display:flex;flex-direction:column;gap:8px;margin-top:10px}.tips-content li{position:relative;padding-left:20px}.tips-content li:before{content:"✔";position:absolute;left:0;color:var(--color-success);font-weight:700}.results-cta-card{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-md);padding:24px 20px;color:#fff;margin-bottom:24px;text-align:center;box-shadow:var(--shadow-md)}.cta-title{font-family:var(--font-serif);font-size:18px;font-weight:700;margin-bottom:6px}.cta-desc{font-size:13.5px;opacity:.9;margin-bottom:16px;line-height:1.45}.cta-flex-container{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-code-wrapper{background-color:#fff;padding:10px;border-radius:var(--radius-sm);display:inline-block;box-shadow:0 4px 10px #0000001a;width:140px;height:140px;margin:0 auto}.qr-code-wrapper img{width:120px;height:120px;display:block}.btn-cta-accent{background-color:var(--color-accent);color:var(--color-primary-dark);padding:12px 24px;font-size:14px;border-radius:50px;font-weight:700;box-shadow:0 4px 10px #dfb43a4d;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-cta-accent:hover{background-color:var(--color-accent-hover);transform:translateY(-2px)}.tiktok-badge{background-color:#010101;color:#fff;padding:6px 12px;border-radius:50px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;margin-bottom:8px}.tiktok-badge i{color:#ff0050;text-shadow:2px 2px #00f2fe}.instagram-cta-card{background:radial-gradient(circle at 30% 107%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-radius:var(--radius-md);padding:24px 20px;color:#fff;margin-bottom:24px;text-align:center;box-shadow:var(--shadow-md)}.instagram-badge{background-color:#ffffff2e;color:#fff;padding:6px 12px;border-radius:50px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.instagram-badge i{font-size:14px}.btn-instagram{background-color:#fff!important;color:#c92c6c!important;box-shadow:0 4px 12px #d6249f4d!important}.btn-instagram:hover{background-color:#f7f7f7!important;color:#b2205a!important;transform:translateY(-2px)}.results-actions{border-top:1px solid var(--color-card-border);padding-top:20px}.social-share{margin-top:18px;display:flex;flex-direction:column;gap:8px;align-items:center}.social-share span{font-size:13px;color:var(--color-text-muted);font-weight:600}.btn-share-email{background-color:var(--color-primary-light);margin-top:6px;box-shadow:0 4px 10px #1e563426}.btn-share-email:hover{background-color:var(--color-primary);box-shadow:0 6px 14px #1e563440}.share-success-msg{display:none;color:var(--color-success);font-size:13.5px;font-weight:600;margin-top:10px;align-items:center;gap:6px}.share-success-msg.active{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffffff2;z-index:10;display:none;align-items:center;justify-content:center;padding:24px}.loading-overlay.active{display:flex}.spinner-container{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.leaf-spinner{font-size:40px;color:var(--color-primary);animation:spin 1.2s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:15px;color:var(--color-text-muted);font-weight:500;line-height:1.4}.app-footer{text-align:center;padding:20px 0 10px}.app-footer p{color:var(--color-text-muted);font-size:12px;line-height:1.4;opacity:.8}