:root{--color-mint: #A8D5BA;--color-mint-light: #C5E8D4;--color-mint-dark: #7BB896;--color-tan: #F5E6D3;--color-tan-light: #FBF4EC;--color-tan-dark: #E8D4BC;--color-peach: #FADCD9;--color-peach-light: #FEF0EF;--color-peach-dark: #F5C4BF;--color-burgundy: #7B3F61;--color-deep-green: #5B8A72;--color-warm-brown: #8B7355;--color-dark: #3D3D3D;--color-white: #FFFFFF;--font-display: "Quicksand", sans-serif;--font-body: "Nunito", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 5rem;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-soft: 0 4px 20px rgba(91, 138, 114, .1);--shadow-medium: 0 8px 40px rgba(91, 138, 114, .15);--shadow-strong: 0 12px 60px rgba(91, 138, 114, .2);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 40px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--color-dark);background-color:var(--color-tan-light);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hp-field{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}.section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:var(--spacing-2xl) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-display);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-deep-green),var(--color-mint-dark));color:var(--color-white);box-shadow:var(--shadow-soft)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-secondary{background:var(--color-white);color:var(--color-deep-green);border:2px solid var(--color-mint)}.btn-secondary:hover{background:var(--color-mint-light);border-color:var(--color-mint-dark)}.btn-buy{background:linear-gradient(135deg,#f90,#ffb347);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-xl);font-size:1.1rem;box-shadow:var(--shadow-soft)}.btn-buy:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-medium)}.btn-buy .amazon-icon{width:20px;height:20px}.btn-subscribe{background:linear-gradient(135deg,var(--color-deep-green),var(--color-mint-dark));color:var(--color-white);padding:var(--spacing-sm) var(--spacing-lg);min-width:140px;position:relative}.btn-subscribe:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-subscribe:disabled{opacity:.7;cursor:not-allowed}.btn-subscribe .btn-loading,.btn-subscribe.loading .btn-text{display:none}.btn-subscribe.loading .btn-loading{display:flex}.spinner{width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-hero{background:linear-gradient(135deg,var(--color-mint-light) 0%,var(--color-tan-light) 50%,var(--color-peach-light) 100%);text-align:center}.hero-background{position:absolute;inset:0;overflow:hidden;z-index:0}.hero-background:before{content:"";position:absolute;width:900px;height:1200px;background-image:url(https://m.media-amazon.com/images/I/61DRdqZm3oL._SL1000_.jpg);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.15;transform:rotate(-45deg);top:-20%;right:-15%;pointer-events:none}.floating-shape{position:absolute;border-radius:50%;opacity:.4;animation:float 20s ease-in-out infinite}.shape-1{width:300px;height:300px;background:radial-gradient(circle,var(--color-mint) 0%,transparent 70%);top:10%;left:10%;animation-delay:0s}.shape-2{width:200px;height:200px;background:radial-gradient(circle,var(--color-peach) 0%,transparent 70%);top:60%;right:15%;animation-delay:-5s}.shape-3{width:250px;height:250px;background:radial-gradient(circle,var(--color-tan) 0%,transparent 70%);bottom:20%;left:20%;animation-delay:-10s}.shape-4{width:180px;height:180px;background:radial-gradient(circle,var(--color-mint-light) 0%,transparent 70%);top:30%;right:30%;animation-delay:-15s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.hero-content{position:relative;z-index:1;max-width:800px;padding:0 var(--spacing-md)}.hero-title{margin-bottom:var(--spacing-md)}.title-small{display:block;font-family:var(--font-body);font-size:1.2rem;font-weight:600;color:var(--color-warm-brown);margin-bottom:var(--spacing-xs);opacity:0;animation:fadeInUp .8s ease forwards;animation-delay:.2s}.title-main{display:block;font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);font-weight:700;color:var(--color-burgundy);line-height:1.1;opacity:0;animation:fadeInUp .8s ease forwards;animation-delay:.4s}.hero-subtitle{font-size:1.25rem;color:var(--color-warm-brown);margin-bottom:var(--spacing-xl);opacity:0;animation:fadeInUp .8s ease forwards;animation-delay:.6s}.hero-cta{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeInUp .8s ease forwards;animation-delay:.8s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--color-warm-brown);font-size:.875rem;opacity:0;animation:fadeIn 1s ease forwards;animation-delay:1.2s}.scroll-arrow{width:24px;height:24px;border-right:2px solid var(--color-warm-brown);border-bottom:2px solid var(--color-warm-brown);transform:rotate(45deg);animation:bounce 2s ease-in-out infinite}@keyframes fadeIn{to{opacity:1}}@keyframes bounce{0%,to{transform:rotate(45deg) translate(0)}50%{transform:rotate(45deg) translate(5px,5px)}}.section-book{background:#f5e6d3e6}.section-book-2{background:#a8d5bae6}.book-showcase{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;position:relative;z-index:1}.book-showcase-reversed{direction:rtl}.book-showcase-reversed>*{direction:ltr}.book-cover-wrapper{display:flex;justify-content:center;perspective:1000px}.book-cover{position:relative;transform:rotateY(-5deg);transition:transform var(--transition-slow);transform-style:preserve-3d}.book-showcase-reversed .book-cover{transform:rotateY(5deg)}.book-cover:hover{transform:rotateY(0) scale(1.02)}.book-image{width:100%;max-width:350px;border-radius:var(--radius-sm);box-shadow:var(--shadow-strong)}.book-spine{position:absolute;left:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,rgba(0,0,0,.2),transparent);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.book-shadow{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:80%;height:30px;background:radial-gradient(ellipse,rgba(0,0,0,.2) 0%,transparent 70%);filter:blur(10px)}.book-placeholder{display:none;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:350px;aspect-ratio:2/3;background:linear-gradient(135deg,var(--color-peach-light),var(--color-tan-light));border-radius:var(--radius-sm);box-shadow:var(--shadow-strong);color:var(--color-warm-brown);font-family:var(--font-display);font-size:1.5rem;font-weight:700}.book-placeholder .placeholder-subtitle{font-size:1rem;font-weight:500;opacity:.7;margin-top:var(--spacing-xs)}.book-details{max-width:500px}.book-series{display:inline-block;font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--color-mint-dark);background:var(--color-mint-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-sm)}.section-book-2 .book-series{color:var(--color-burgundy);background:var(--color-peach-light)}.book-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:var(--color-deep-green);margin-bottom:var(--spacing-sm);line-height:1.2}.section-book-2 .book-title{color:var(--color-burgundy)}.book-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.book-author{font-weight:700;color:var(--color-warm-brown)}.book-illustrator{font-size:.9rem;color:var(--color-warm-brown);opacity:.8}.book-description{color:var(--color-dark);margin-bottom:var(--spacing-sm);line-height:1.7}.book-tagline{font-style:italic;color:var(--color-deep-green);padding:var(--spacing-sm);background:var(--color-mint-light);border-left:4px solid var(--color-mint-dark);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--spacing-lg)}.section-book-2 .book-tagline{color:var(--color-burgundy);background:var(--color-peach-light);border-left-color:var(--color-peach-dark)}.book-cta{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.btn-coming-soon{background:var(--color-warm-brown);opacity:.8;cursor:default}.btn-coming-soon:hover{transform:none;box-shadow:var(--shadow-soft)}.book-release{font-size:.875rem;color:var(--color-warm-brown)}.section-about{background:#fadcd9e6}.about-background{position:absolute;inset:0;overflow:hidden;z-index:0}.floating-leaf{position:absolute;width:60px;height:60px;background:var(--color-mint);opacity:.3;border-radius:50% 0;animation:floatLeaf 15s ease-in-out infinite}.leaf-1{top:20%;left:10%;animation-delay:0s}.leaf-2{top:60%;right:10%;animation-delay:-5s;transform:rotate(45deg)}.leaf-3{bottom:15%;left:30%;animation-delay:-10s;transform:rotate(-30deg)}@keyframes floatLeaf{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-20px) rotate(10deg)}50%{transform:translate(-10px,10px) rotate(-5deg)}75%{transform:translate(15px,5px) rotate(5deg)}}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;position:relative;z-index:1}.about-content-reversed{grid-template-columns:1fr 1fr}.author-image-wrapper{position:relative;display:flex;justify-content:center}.author-image{position:relative;width:300px;height:300px;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-white);box-shadow:var(--shadow-medium)}.author-image img{width:100%;height:100%;object-fit:cover}.author-placeholder{display:none;flex-direction:column;justify-content:center;align-items:center;height:100%;background:linear-gradient(135deg,var(--color-tan-light),var(--color-peach-light));color:var(--color-warm-brown);font-family:var(--font-display);font-weight:600}.placeholder-active .author-placeholder,.author-image.placeholder-active .author-placeholder{display:flex}.placeholder-subtitle{font-size:.875rem;opacity:.7}.image-decoration{position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:var(--color-peach);border-radius:50%;opacity:.5;z-index:-1}.author-details{max-width:600px}.section-label{display:inline-block;font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--color-deep-green);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--spacing-sm);background:#ffffffb3;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.author-name{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:var(--color-deep-green);margin-bottom:var(--spacing-md)}.author-bio p{color:var(--color-dark);margin-bottom:var(--spacing-sm);line-height:1.7}.author-tagline blockquote{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-deep-green);font-style:italic;padding:var(--spacing-md);border-left:4px solid var(--color-peach);background:var(--color-white);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-top:var(--spacing-lg)}.section-newsletter{background:#f5e6d3e6;text-align:center}.newsletter-background{position:absolute;inset:0;overflow:hidden;z-index:0}.sparkle{position:absolute;width:10px;height:10px;background:var(--color-mint);border-radius:50%;opacity:0;animation:sparkle 3s ease-in-out infinite}.sparkle-1{top:20%;left:20%;animation-delay:0s}.sparkle-2{top:30%;right:25%;animation-delay:.5s}.sparkle-3{top:60%;left:15%;animation-delay:1s}.sparkle-4{top:70%;right:20%;animation-delay:1.5s}.sparkle-5{top:50%;left:50%;animation-delay:2s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:.8;transform:scale(1)}}.newsletter-content{position:relative;z-index:1;max-width:600px;margin:0 auto}.newsletter-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);color:var(--color-deep-green)}.newsletter-icon svg{width:100%;height:100%}.newsletter-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:var(--color-deep-green);margin-bottom:var(--spacing-sm)}.newsletter-subtitle{font-size:1.1rem;color:var(--color-warm-brown);margin-bottom:var(--spacing-xl)}.newsletter-form{max-width:500px;margin:0 auto}.form-group{display:flex;gap:var(--spacing-sm);background:var(--color-white);padding:var(--spacing-xs);border-radius:var(--radius-full);box-shadow:var(--shadow-soft);transition:box-shadow var(--transition-normal)}.form-group:focus-within{box-shadow:var(--shadow-medium)}.form-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:1rem;border:none;background:transparent;outline:none;color:var(--color-dark)}.form-input::placeholder{color:var(--color-warm-brown);opacity:.6}.form-note{font-size:.875rem;color:var(--color-warm-brown);margin-top:var(--spacing-sm);opacity:.8}.footer{background:var(--color-deep-green);color:var(--color-white);padding:var(--spacing-xl) 0}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.footer-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.footer-tagline{font-size:.875rem;opacity:.8}.footer-links{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.footer-links a{font-size:.9rem;opacity:.8;transition:opacity var(--transition-fast)}.footer-links a:hover{opacity:1}.footer-copyright{font-size:.8rem;opacity:.6}.toast-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-medium);font-family:var(--font-body);font-size:.95rem;display:flex;align-items:center;gap:var(--spacing-sm);animation:slideInRight .3s ease,fadeOut .3s ease 4.7s forwards;max-width:350px}.toast-success{border-left:4px solid var(--color-mint-dark);color:var(--color-deep-green)}.toast-info{border-left:4px solid var(--color-peach-dark);color:var(--color-warm-brown)}.toast-error{border-left:4px solid #E57373;color:#c62828}.toast-icon{width:24px;height:24px;flex-shrink:0}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{to{opacity:0;transform:translate(100px)}}@media(max-width:968px){.book-showcase{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.book-details{max-width:100%}.book-cta{align-items:center}.book-tagline{text-align:left}.about-content,.about-content-reversed{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.about-content-reversed{display:flex;flex-direction:column}.about-content-reversed .author-image-wrapper{order:1}.about-content-reversed .author-details{order:2}.author-details{max-width:100%}.author-tagline blockquote{text-align:left}}@media(max-width:640px){.section{padding:var(--spacing-xl) 0}.hero-cta{flex-direction:column;width:100%;padding:0 var(--spacing-md)}.hero-cta .btn{width:100%}.form-group{flex-direction:column;border-radius:var(--radius-md);padding:var(--spacing-sm)}.form-input{text-align:center}.btn-subscribe{width:100%;border-radius:var(--radius-full)}.toast-container{left:var(--spacing-sm);right:var(--spacing-sm);bottom:var(--spacing-sm)}.toast{max-width:100%}.author-image{width:250px;height:250px}.book-image{max-width:280px}}@media print{.section{min-height:auto;page-break-inside:avoid}.hero-background,.book-background,.about-background,.newsletter-background,.floating-shape,.floating-leaf,.sparkle,.scroll-indicator{display:none}}
