@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Spectral:wght@300;400;500;600&display=swap";:root{--color-terracotta: #E07A5F;--color-sage: #81B29A;--color-gold: #F4A261;--color-clay: #D4A5A5;--color-olive: #9B9B7A;--color-sand: #C19A6B;--color-cream: #F8F4F0;--color-warm-white: #FFFCF7;--color-deep-earth: #3D3127;--color-soft-brown: #6B5D52;--font-display: "Cormorant Garamond", serif;--font-body: "Spectral", serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--spacing-2xl: 8rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--color-warm-white);color:var(--color-deep-earth);line-height:1.7;overflow-x:hidden;font-size:18px}.app{width:100%;min-height:100vh}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-md);background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-warm-white) 50%,#FFF5E8 100%);overflow:hidden}.hero-content{position:relative;z-index:10;max-width:900px;text-align:center}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,7rem);font-weight:600;line-height:1.1;color:var(--color-deep-earth);margin-bottom:var(--spacing-md);letter-spacing:-.02em}.hero-title-accent{display:block;color:var(--color-terracotta);font-style:italic;animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.85;transform:translateY(-5px)}}.hero-subtitle{font-family:var(--font-body);font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--color-soft-brown);margin-bottom:var(--spacing-lg);line-height:1.8;font-weight:400}.hero-cta{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.btn-primary{font-family:var(--font-display);font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;background:var(--color-terracotta);color:var(--color-warm-white);border:none;border-radius:50px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #e07a5f4d}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #e07a5f66}.btn-primary:hover:before{left:100%}.btn-secondary{font-family:var(--font-display);font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;background:transparent;color:var(--color-terracotta);border:2px solid var(--color-terracotta);border-radius:50px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--color-terracotta);color:var(--color-warm-white);transform:translateY(-3px)}.btn-large{font-size:1.3rem;padding:1.3rem 3rem}.hero-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.shape{position:absolute;border-radius:40% 60% 70% 30%/40% 50% 60%;filter:blur(60px);opacity:.4}.shape-1{width:500px;height:500px;background:linear-gradient(135deg,var(--color-terracotta),var(--color-gold));top:10%;right:10%}.shape-2{width:600px;height:600px;background:linear-gradient(135deg,var(--color-sage),var(--color-olive));bottom:5%;left:5%}.shape-3{width:400px;height:400px;background:linear-gradient(135deg,var(--color-clay),var(--color-sand));top:50%;left:50%;transform:translate(-50%,-50%)}.stats-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--color-deep-earth);color:var(--color-warm-white)}.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);text-align:center}.stat-item{padding:var(--spacing-md)}.stat-number{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--color-terracotta);margin-bottom:var(--spacing-xs);line-height:1}.stat-label{font-family:var(--font-body);font-size:1rem;color:var(--color-cream);text-transform:uppercase;letter-spacing:.1em;font-weight:300}.stories-section{padding:var(--spacing-2xl) var(--spacing-md);background:var(--color-warm-white)}.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:600;text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-deep-earth);letter-spacing:-.01em}.stories-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);padding:var(--spacing-md)}.story-card{background:var(--color-cream);padding:var(--spacing-lg);border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:2px solid transparent}.story-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--accent-color),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}.story-card:hover:before{opacity:1}.story-accent{width:60px;height:4px;background:var(--accent-color);margin-bottom:var(--spacing-md);border-radius:2px;transition:width .4s}.story-card:hover .story-accent{width:100px}.story-content{position:relative;z-index:2}.story-excerpt{font-family:var(--font-body);font-size:1.2rem;line-height:1.8;color:var(--color-soft-brown);margin-bottom:var(--spacing-md);font-style:italic}.story-author{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--accent-color)}.community-section{padding:var(--spacing-2xl) var(--spacing-md);background:linear-gradient(135deg,#F5EDE3 0%,var(--color-cream) 100%)}.community-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-xl);align-items:center}.community-text{padding:var(--spacing-md)}.community-description{font-size:1.2rem;line-height:1.9;color:var(--color-soft-brown);margin-bottom:var(--spacing-lg)}.community-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.1rem;color:var(--color-deep-earth)}.feature-icon{font-size:1.5rem}.community-preview{background:#fff;border-radius:20px;padding:var(--spacing-lg);box-shadow:0 20px 60px #3d31271a}.forum-threads{display:flex;flex-direction:column;gap:var(--spacing-md)}.thread-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:12px;transition:all .3s;cursor:pointer}.thread-item:hover{background:var(--color-cream);transform:translate(5px)}.thread-item.active{background:var(--color-cream);border-left:4px solid var(--color-terracotta)}.thread-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-size:1.3rem;font-weight:600;flex-shrink:0}.thread-content{flex:1}.thread-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--color-deep-earth);margin-bottom:.25rem}.thread-meta{font-size:.9rem;color:var(--color-soft-brown)}.testimonials-section{padding:var(--spacing-2xl) var(--spacing-md);background:var(--color-warm-white)}.testimonials-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);padding:var(--spacing-md)}.testimonial-card{background:#fff;padding:var(--spacing-lg);border-radius:20px;box-shadow:0 10px 40px #3d312714;transition:all .4s}.testimonial-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #3d312726}.testimonial-text{font-size:1.15rem;line-height:1.8;color:var(--color-soft-brown);margin-bottom:var(--spacing-lg);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-md)}.author-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-size:1.3rem;font-weight:600}.author-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-deep-earth)}.author-role{font-size:.9rem;color:var(--color-soft-brown)}.final-cta{padding:var(--spacing-2xl) var(--spacing-md);background:linear-gradient(135deg,var(--color-terracotta) 0%,var(--color-gold) 100%);text-align:center}.cta-content{max-width:800px;margin:0 auto;color:var(--color-warm-white)}.cta-content h2{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:600;margin-bottom:var(--spacing-md);letter-spacing:-.01em}.cta-content p{font-size:1.3rem;margin-bottom:var(--spacing-lg);opacity:.95}.cta-content .btn-primary{background:#fff;color:var(--color-terracotta);box-shadow:0 10px 40px #0003}.cta-content .btn-primary:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000004d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#3d3127cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:var(--color-warm-white);padding:var(--spacing-xl);border-radius:20px;max-width:700px;width:100%;position:relative;box-shadow:0 30px 90px #0000004d}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:2.5rem;color:var(--color-soft-brown);cursor:pointer;line-height:1;transition:all .3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{background:var(--color-cream);color:var(--color-terracotta);transform:rotate(90deg)}.modal-text{font-size:1.3rem;line-height:1.9;color:var(--color-soft-brown);margin-bottom:var(--spacing-lg)}.modal-author{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--color-terracotta);text-align:right}@media (max-width: 768px){.hero{padding:var(--spacing-lg) var(--spacing-sm);min-height:90vh}.hero-cta{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.stories-grid,.testimonials-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.community-content,.community-features{grid-template-columns:1fr}.shape{width:300px!important;height:300px!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (max-width: 480px){body{font-size:16px}.section-title{margin-bottom:var(--spacing-lg)}.modal-content{padding:var(--spacing-lg)}.modal-text{font-size:1.1rem}}html{scroll-behavior:smooth}::selection{background:var(--color-terracotta);color:var(--color-warm-white)}