*{margin:0;padding:0;box-sizing:border-box}:root{--primary-red: #C8102E;--gold: #FFD700;--cream-bg: #FFF8DC;--forest-green: #228B22;--dark-text: #2C2C2C;--white: #FFFFFF}body{font-family:Noto Sans SC,sans-serif;color:var(--dark-text);background:linear-gradient(135deg,var(--cream-bg) 0%,#FFE4B5 100%);overflow-x:hidden;line-height:1.6}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--cream-bg)}::-webkit-scrollbar-thumb{background:var(--primary-red);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a00d24}.cloud-decoration{position:fixed;width:150px;opacity:.3;z-index:1;pointer-events:none}.cloud-top-left{top:50px;left:30px;animation:float 6s ease-in-out infinite}.cloud-top-right{top:100px;right:50px;transform:scaleX(-1);animation:float 7s ease-in-out infinite}.cloud-bottom-left{bottom:150px;left:80px;animation:float 8s ease-in-out infinite}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px;background:url(./assets/hero-vitality-background.jpg) center/cover no-repeat;position:relative}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#c8102e1a,#ffd7001a);z-index:1}.hero-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}.hero-text{text-align:left}.hero-title{font-family:"Noto Serif SC",serif;font-size:56px;font-weight:700;color:var(--primary-red);margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-size:32px;font-weight:600;color:var(--gold);margin-bottom:30px;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.hero-description{font-size:18px;color:var(--dark-text);margin-bottom:40px;line-height:1.8;background:#fffc;padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-button{background:var(--primary-red);color:var(--white);border:none;padding:16px 48px;font-size:20px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #c8102e4d}.cta-button:hover{background:#a00d24;transform:translateY(-2px);box-shadow:0 6px 20px #c8102e66}.hero-product{display:flex;justify-content:center;align-items:center}.product-image{max-width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.features{padding:100px 20px;max-width:1200px;margin:0 auto}.section-title{font-family:"Noto Serif SC",serif;font-size:42px;font-weight:700;text-align:center;color:var(--primary-red);margin-bottom:60px;position:relative}.section-title:after{content:"";display:block;width:100px;height:4px;background:var(--gold);margin:20px auto 0;border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.feature-card{background:var(--white);padding:40px 30px;border-radius:16px;text-align:center;box-shadow:0 8px 30px #0000001a;transition:all .3s ease;border:2px solid transparent}.feature-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px #c8102e33;border-color:var(--gold)}.feature-icon{width:100px;height:100px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center}.feature-icon img{width:100%;height:100%;object-fit:contain}.feature-title{font-size:24px;font-weight:700;color:var(--primary-red);margin-bottom:20px}.feature-description{font-size:16px;color:var(--dark-text);line-height:1.8}.cta-section{background:linear-gradient(135deg,var(--primary-red) 0%,#A00D24 100%);padding:100px 20px;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.cta-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.cta-title{font-family:"Noto Serif SC",serif;font-size:42px;font-weight:700;color:var(--white);margin-bottom:20px}.cta-text{font-size:20px;color:var(--white);margin-bottom:40px;opacity:.95}.cta-button-large{background:var(--gold);color:var(--dark-text);border:none;padding:20px 60px;font-size:24px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #0000004d}.cta-button-large:hover{background:#ffc700;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #0006}.cta-note{margin-top:30px;font-size:14px;color:var(--white);opacity:.8}.footer{background:var(--dark-text);color:var(--white);text-align:center;padding:30px 20px;font-size:14px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.float-animation{animation:float 4s ease-in-out infinite}.fade-in{animation:fadeIn 1s ease-out}.fade-in-delay-1{animation:fadeIn 1s ease-out .3s backwards}.fade-in-delay-2{animation:fadeIn 1s ease-out .6s backwards}.fade-in-delay-3{animation:fadeIn 1s ease-out .9s backwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .8s ease-out}.slide-up-delay-1{animation:slideUp .8s ease-out .2s backwards}.slide-up-delay-2{animation:slideUp .8s ease-out .4s backwards}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{text-align:center}.hero-title{font-size:42px}.hero-subtitle{font-size:24px}.features-grid{grid-template-columns:1fr;gap:30px}.cloud-decoration{width:100px}}@media (max-width: 640px){.hero-title{font-size:32px}.hero-subtitle{font-size:20px}.hero-description{font-size:16px}.section-title,.cta-title{font-size:32px}.cta-button-large{font-size:20px;padding:16px 40px}}