:root{--cny-red-deep:#7b0a1c;--cny-red-main:#9b1b30;--cny-red-light:#b22234;--cny-red-gradient-start:#6b0f1a;--cny-red-gradient-end:#a02040;--cny-gold:#d4af37;--cny-gold-light:#f0d875;--cny-gold-dark:#b8860b;--cny-gold-metallic:linear-gradient(135deg,#f0d875 0%,#d4af37 25%,#b8860b 50%,#d4af37 75%,#f0d875 100%);--cny-cream:#fdf5e6;--cny-cream-dark:#f5e6c8;--cny-ivory:ivory;--cny-parchment:#faf0dc;--cny-text-gold:#d4af37;--cny-text-cream:#fdf5e6;--cny-text-dark:#4a2c2a;--cny-text-muted:#8b7355}.quiz-container{background:linear-gradient(180deg,var(--cny-red-gradient-start)0%,var(--cny-red-main)30%,var(--cny-red-light)70%,var(--cny-red-gradient-end)100%);min-height:100vh;position:relative;overflow-x:hidden}.quiz-container:before{content:"";pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M20,50 Q25,35 40,40 Q50,30 60,40 Q75,35 80,50 Q75,55 70,50 Q60,55 50,50 Q40,55 30,50 Q25,55 20,50' fill='none' stroke='%23D4AF3715' stroke-width='1'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.quiz-container:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M10,100 Q30,60 70,80 Q100,50 130,80 Q160,60 180,100 Q160,110 140,100 Q110,120 80,100 Q50,120 30,100 Q20,110 10,100' fill='none' stroke='%23D4AF3730' stroke-width='2'/%3E%3Cpath d='M30,140 Q45,110 75,125 Q95,100 120,125 Q145,110 160,140' fill='none' stroke='%23D4AF3720' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;width:250px;height:250px;position:fixed;top:0;left:0}.quiz-content{z-index:1;flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;padding:40px 24px;display:flex;position:relative}.quiz-header{text-align:center;margin-bottom:24px}.quiz-logo{background:var(--cny-gold-metallic);-webkit-text-fill-color:transparent;letter-spacing:.15em;-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,serif;font-size:1.75rem;font-weight:700;text-decoration:none}.landing-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 0;display:flex}.landing-emoji-row{filter:drop-shadow(0 2px 4px #0000004d);flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;font-size:2rem;display:flex}.landing-title{background:var(--cny-gold-metallic);-webkit-text-fill-color:transparent;text-shadow:0 4px 8px #0003;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-family:Cormorant Garamond,serif;font-size:3.5rem;font-weight:700;line-height:1.15}.landing-title-accent{display:block}.landing-subtitle{color:var(--cny-cream);opacity:.95;max-width:500px;margin-bottom:24px;font-family:Noto Serif,serif;font-size:1.25rem;line-height:1.7}.landing-description{color:var(--cny-cream);opacity:.85;max-width:450px;margin-bottom:40px;font-size:1rem;line-height:1.8}.landing-divider{background:var(--cny-gold-metallic);width:200px;height:2px;margin:24px auto;position:relative}.landing-divider:before{content:"◆";color:var(--cny-gold);background:var(--cny-red-main);padding:0 12px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-cny-primary{color:var(--cny-red-deep);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,#d4af37 0%,#f0d875 25%,#d4af37 50%,#b8860b 75%,#d4af37 100%) 0 0/200% 200%;border:none;border-radius:4px;justify-content:center;align-items:center;gap:12px;padding:18px 48px;font-family:Noto Serif,serif;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #d4af3766,inset 0 1px #ffffff4d}.btn-cny-primary:hover{background-position:100% 100%;transform:translateY(-2px);box-shadow:0 6px 25px #d4af3780,inset 0 1px #ffffff4d}.btn-cny-secondary{color:var(--cny-gold);border:2px solid var(--cny-gold);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-family:Noto Serif,serif;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-cny-secondary:hover{background:var(--cny-gold);color:var(--cny-red-deep)}.btn-cny-ghost{color:var(--cny-cream);cursor:pointer;opacity:.8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-cny-ghost:hover{opacity:1;color:var(--cny-gold)}.progress-container{margin-bottom:40px}.progress-text{color:var(--cny-gold);text-align:center;letter-spacing:.05em;margin-bottom:12px;font-family:Noto Serif,serif;font-size:.875rem}.progress-bar{background:#d4af3733;border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--cny-gold-metallic);border-radius:2px;height:100%;transition:width .4s}.question-container{flex-direction:column;flex:1;display:flex}.question-text{color:var(--cny-cream);text-align:center;margin-bottom:32px;font-family:Cormorant Garamond,serif;font-size:1.75rem;font-weight:600;line-height:1.4}.options-grid{gap:16px;margin-bottom:32px;display:grid}.option-card{background:linear-gradient(135deg,var(--cny-cream)0%,var(--cny-parchment)100%);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:8px;padding:20px 24px;transition:all .3s;position:relative;box-shadow:0 2px 8px #00000026}.option-card:before{content:"";background:linear-gradient(135deg,var(--cny-gold)0%,var(--cny-gold-dark)100%);z-index:-1;opacity:0;border-radius:10px;transition:opacity .3s;position:absolute;inset:-2px}.option-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.option-card:hover:before{opacity:.5}.option-card.selected{border-color:var(--cny-gold);background:linear-gradient(135deg,#fff8e7 0%,var(--cny-cream)100%);box-shadow:0 4px 20px #d4af374d,inset 0 0 20px #d4af371a}.option-card.selected:before{opacity:1}.option-card.selected:after{content:"✓";color:var(--cny-gold-dark);font-size:1.25rem;font-weight:700;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.option-text{color:var(--cny-text-dark);padding-right:30px;font-family:Noto Serif,serif;font-size:1rem;line-height:1.6}.quiz-nav{justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;display:flex}.nav-back{color:var(--cny-cream);cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;gap:8px;padding:12px 0;font-family:Noto Serif,serif;font-size:1rem;transition:color .2s;display:flex}.nav-back:hover{color:var(--cny-gold);opacity:1}.nav-next{background:var(--cny-gold-metallic);color:var(--cny-red-deep);cursor:pointer;background-size:200% 200%;border:none;border-radius:4px;align-items:center;gap:8px;padding:14px 32px;font-family:Noto Serif,serif;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 3px 12px #d4af374d}.nav-next:hover:not(:disabled){background-position:100% 100%;transform:translateY(-1px);box-shadow:0 4px 16px #d4af3766}.nav-next:disabled{color:#7b0a1c80;cursor:not-allowed;box-shadow:none;background:#d4af374d}.zodiac-section{flex-direction:column;flex:1;display:flex}.zodiac-title{background:var(--cny-gold-metallic);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:700}.zodiac-subtitle{color:var(--cny-cream);text-align:center;opacity:.9;margin-bottom:32px;font-family:Noto Serif,serif;font-size:1rem}.zodiac-tabs{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.zodiac-tab{cursor:pointer;color:var(--cny-cream);background:0 0;border:2px solid #d4af374d;border-radius:4px;padding:10px 24px;font-family:Noto Serif,serif;font-size:.875rem;font-weight:600;transition:all .2s}.zodiac-tab.active{border-color:var(--cny-gold);background:var(--cny-gold);color:var(--cny-red-deep)}.year-selector{justify-content:center;margin-bottom:24px;display:flex}.year-select{border:2px solid var(--cny-gold);background:var(--cny-cream);color:var(--cny-text-dark);cursor:pointer;border-radius:4px;min-width:280px;padding:14px 24px;font-family:Noto Serif,serif;font-size:1rem;transition:all .2s}.year-select:focus{outline:none;box-shadow:0 0 0 3px #d4af374d}.zodiac-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px;display:grid}@media (max-width:600px){.zodiac-grid{grid-template-columns:repeat(3,1fr)}}.zodiac-animal-card{background:linear-gradient(135deg,var(--cny-cream)0%,var(--cny-parchment)100%);cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:16px 8px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000026}.zodiac-animal-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #0003}.zodiac-animal-card.selected{border-color:var(--cny-gold);background:linear-gradient(135deg,#fff8e7 0%,var(--cny-cream)100%);box-shadow:0 4px 20px #d4af3766,inset 0 0 15px #d4af3726}.zodiac-emoji{filter:drop-shadow(0 2px 3px #0003);margin-bottom:6px;font-size:2.25rem}.zodiac-name{color:var(--cny-text-dark);font-family:Noto Serif,serif;font-size:.8rem;font-weight:600}.zodiac-chinese{color:var(--cny-gold-dark);font-family:Ma Shan Zheng,cursive;font-size:1rem}.zodiac-preview{text-align:center;background:#d4af371a;border:1px solid #d4af374d;border-radius:8px;margin-bottom:24px;padding:20px}.email-section{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:420px;margin:0 auto;display:flex}.email-icon{filter:drop-shadow(0 4px 8px #0000004d);margin-bottom:24px;font-size:4rem}.email-title{background:var(--cny-gold-metallic);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:700}.email-subtitle{color:var(--cny-cream);opacity:.9;margin-bottom:32px;font-family:Noto Serif,serif;font-size:1rem;line-height:1.7}.email-form{width:100%;margin-bottom:16px}.email-input{border:2px solid var(--cny-gold);background:var(--cny-cream);width:100%;color:var(--cny-text-dark);border-radius:4px;margin-bottom:16px;padding:16px 20px;font-family:Noto Serif,serif;font-size:1rem;transition:all .2s}.email-input:focus{outline:none;box-shadow:0 0 0 3px #d4af374d}.email-input::placeholder{color:var(--cny-text-muted)}.email-privacy{color:var(--cny-cream);opacity:.7;margin-top:12px;font-size:.75rem}.email-skip{margin-top:16px}.result-container{flex-direction:column;flex:1;align-items:center;padding:20px 0;display:flex}.result-header{text-align:center;margin-bottom:24px}.result-label{color:var(--cny-gold);text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px;font-family:Noto Serif,serif;font-size:.875rem}.result-card{background:linear-gradient(145deg,var(--cny-cream)0%,var(--cny-parchment)50%,var(--cny-cream-dark)100%);border:4px solid;border-image:linear-gradient(135deg,#d4af37 0%,#f0d875 25%,#d4af37 50%,#b8860b 75%,#d4af37 100%) 1;border-radius:0;width:100%;max-width:380px;padding:32px;position:relative;box-shadow:0 8px 32px #0000004d,inset 0 0 60px #d4af371a}.result-card:before,.result-card:after{content:"◆";color:var(--cny-gold);font-size:14px;position:absolute}.result-card:before{top:8px;left:8px}.result-card:after{bottom:8px;right:8px}.card-animal-emoji{text-align:center;filter:drop-shadow(0 4px 8px #0003);margin-bottom:16px;font-size:5rem}.card-type-chinese{color:var(--cny-red-deep);text-align:center;text-shadow:1px 1px 2px #0000001a;margin-bottom:4px;font-family:Ma Shan Zheng,cursive;font-size:3rem}.card-type-english{color:var(--cny-gold-dark);text-align:center;letter-spacing:.05em;margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:600}.card-title{color:var(--cny-text-dark);text-align:center;margin-bottom:16px;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:700}.card-description{color:var(--cny-text-dark);text-align:center;margin-bottom:20px;font-family:Noto Serif,serif;font-size:.9375rem;line-height:1.8}.card-sectors-label{color:var(--cny-text-muted);text-transform:uppercase;letter-spacing:.15em;text-align:center;margin-bottom:12px;font-family:Noto Serif,serif;font-size:.7rem}.card-sectors{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sector-tag{background:linear-gradient(135deg,var(--cny-red-main)0%,var(--cny-red-deep)100%);color:var(--cny-gold-light);letter-spacing:.05em;border-radius:2px;padding:6px 14px;font-family:Noto Serif,serif;font-size:.7rem;font-weight:600}.card-footer{text-align:center;border-top:1px solid #d4af374d;margin-top:24px;padding-top:16px}.card-brand{color:var(--cny-text-muted);font-family:Noto Serif,serif;font-size:.875rem}.card-brand strong{color:var(--cny-red-main);font-weight:700}.share-section{width:100%;max-width:380px;margin-top:32px}.share-title{color:var(--cny-gold);text-align:center;letter-spacing:.05em;margin-bottom:16px;font-family:Noto Serif,serif;font-size:.875rem}.share-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.share-btn{border:2px solid var(--cny-gold);cursor:pointer;width:50px;height:50px;color:var(--cny-gold);background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex}.share-btn:hover{background:var(--cny-gold);color:var(--cny-red-deep)}.cta-section{text-align:center;margin-top:24px}.cta-text{color:var(--cny-cream);opacity:.9;margin-bottom:16px;font-family:Noto Serif,serif;font-size:.9rem}.quiz-footer{text-align:center;margin-top:auto;padding:24px 0}.footer-text{color:var(--cny-cream);opacity:.6;font-family:Noto Serif,serif;font-size:.75rem}.footer-link{color:var(--cny-gold);text-decoration:none}.footer-link:hover{text-decoration:underline}@media (max-width:640px){.quiz-content{padding:20px 16px}.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1.1rem}.question-text{font-size:1.35rem}.result-card{padding:24px 20px}.card-animal-emoji{font-size:4rem}.card-type-chinese{font-size:2.5rem}.zodiac-title{font-size:1.6rem}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes goldGlow{0%,to{box-shadow:0 0 20px #d4af374d}50%{box-shadow:0 0 40px #d4af3780}}.animate-shimmer{animation:2s linear infinite shimmer}.animate-glow{animation:2s ease-in-out infinite goldGlow}