*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #FAF9F7;--color-text: #2D2A26;--color-text-light: #6B6560;--color-accent: #8B7355;--color-accent-hover: #6B5635;--color-white: #FFFFFF;--color-border: #E8E4DF;--color-success: #4A7C59;--color-error: #B54242;--font-heading: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2.5rem;--spacing-xl: 4rem;--spacing-xxl: 6rem;--radius: 8px;--radius-lg: 12px;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--spacing-lg);position:relative;background:linear-gradient(180deg,#faf9f7,#f0ede8)}.hero-content{max-width:700px;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tagline{font-family:var(--font-heading);font-size:1rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-md)}.hero h1{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1.1;margin-bottom:var(--spacing-md);color:var(--color-text)}.subtitle{font-size:1.125rem;color:var(--color-text-light);max-width:540px;margin:0 auto var(--spacing-xl);line-height:1.7}.cta-form{max-width:600px;margin:0 auto}.form-row{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.input-name,.input-email{flex:1;min-width:200px;padding:var(--spacing-sm) var(--spacing-md);border:1.5px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-body);font-size:1rem;background:var(--color-white);transition:border-color .2s,box-shadow .2s}.input-name:focus,.input-email:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #8b73551a}.btn-primary{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;white-space:nowrap}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.privacy-note{font-size:.875rem;color:var(--color-text-light);margin-top:var(--spacing-sm)}.error-message{color:var(--color-error);font-size:.875rem;margin-top:var(--spacing-sm)}.success-message{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:#4a7c5914;border-radius:var(--radius-lg);color:var(--color-success)}.success-message svg{width:48px;height:48px}.scroll-indicator{position:absolute;bottom:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--color-text-light);font-size:.875rem;opacity:.7;animation:bounce 2s infinite}.arrow{width:24px;height:24px;border-right:2px solid var(--color-text-light);border-bottom:2px solid var(--color-text-light);transform:rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.container{max-width:1100px;margin:0 auto;padding:0 var(--spacing-lg)}.features{padding:var(--spacing-xxl) 0;background:var(--color-white)}.features h2{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.75rem);font-weight:400;text-align:center;margin-bottom:var(--spacing-xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.feature-card{padding:var(--spacing-lg);text-align:center;border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.feature-card h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:500;margin-bottom:var(--spacing-xs)}.feature-card p{color:var(--color-text-light);line-height:1.6}.free-gift{padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,#f5f2ee,#eae6e1)}.gift-content{max-width:600px;margin:0 auto;text-align:center}.free-gift h2{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.75rem);font-weight:400;margin-bottom:var(--spacing-md)}.gift-description{font-size:1.125rem;color:var(--color-text-light);margin-bottom:var(--spacing-lg);line-height:1.7}.gift-features{list-style:none;text-align:left;display:inline-block;margin-bottom:var(--spacing-xl)}.gift-features li{padding:var(--spacing-xs) 0;color:var(--color-text)}.btn-secondary{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);background-color:transparent;color:var(--color-accent);border:2px solid var(--color-accent);border-radius:var(--radius);font-family:var(--font-body);font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s}.btn-secondary:hover{background-color:var(--color-accent);color:var(--color-white)}.about{padding:var(--spacing-xxl) 0;background:var(--color-bg)}.about h2{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.75rem);font-weight:400;text-align:center;margin-bottom:var(--spacing-lg)}.about p{max-width:700px;margin:0 auto var(--spacing-md);text-align:center;color:var(--color-text-light);font-size:1.125rem;line-height:1.8}.footer{padding:var(--spacing-xl) 0 var(--spacing-lg);background:var(--color-text);color:var(--color-white);text-align:center}.footer-name{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:var(--spacing-xs)}.footer-tagline{color:#ffffffb3;margin-bottom:var(--spacing-lg)}.footer-links{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-links a{color:#fffc;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-white)}.footer-copyright{color:#ffffff80;font-size:.875rem}@media (max-width: 640px){.form-row{flex-direction:column}.input-name,.input-email,.btn-primary{width:100%}.hero{padding:var(--spacing-md)}.hero h1{font-size:2.25rem}.footer-links{flex-direction:column;gap:var(--spacing-sm)}}body{margin:0;min-width:320px;min-height:100vh}