@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* Base */
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html,body{overflow-x:hidden}
body.ds-landing{background:radial-gradient(1200px 600px at 50% -150px,#6a5e47 0%,#3f3a2f 45%,#27231d 80%,#1b1915 100%);color:#f5eedd}
body.ds-landing::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(1200px 600px at 50% 0,transparent 40%,rgba(0,0,0,.25) 100%)}
body.ds-landing::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(900px 360px at 70% 8%,rgba(178,58,58,.07),transparent 60%)}

/* NAV */
.landing-nav{background:transparent;padding:0;border-bottom:none;position:sticky;top:0;z-index:1000;width:100%;max-width:none;display:block;overflow:visible}
.landing-nav .landing-nav-container{max-width:none;width:100%;margin:0;padding:.25rem .75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:none;box-sizing:border-box}
.landing-nav a{color:#efe8d4;text-decoration:none;transition:color .2s ease}
.landing-nav a:hover{color:#fff}
.landing-nav .landing-nav-brand a{font-weight:800;font-size:1.35rem;letter-spacing:.02em;color:#efe8d4;text-shadow:0 0 6px rgba(178,58,58,.15)}
.landing-nav .landing-nav-links{display:flex;align-items:center;gap:2rem}
.landing-nav .landing-nav-links>a{opacity:.92;font-weight:600;letter-spacing:.01em}
.landing-nav .landing-nav-links>a:hover{opacity:1}
.landing-nav .landing-nav-links>a{position:relative}
.landing-nav .landing-nav-links>a::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:linear-gradient(90deg,#f1c574 0%,rgba(241,197,116,.2) 100%);opacity:0;transition:opacity .2s ease}
.landing-nav .landing-nav-links>a:hover::after{opacity:1}

/* MOBILE MENU */
.mobile-menu-toggle{display:none;background:none;border:none;color:#efe8d4;font-size:1.5rem;cursor:pointer;padding:.5rem}
.mobile-menu-close{display:none}
@media (max-width:768px){
  .landing-nav .landing-nav-container{padding:.25rem .75rem}
  .mobile-menu-toggle{display:block}
  .landing-nav .landing-nav-links{position:fixed;top:0;right:0;width:280px;height:100vh;background:rgba(27,25,21,.98);backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;padding:5rem 2rem 2rem;gap:1.5rem;transform:translateX(100%);transition:transform .3s ease;z-index:9999;border-left:1px solid rgba(255,255,255,.08);will-change:transform}
  .landing-nav .landing-nav-links.active{transform:translateX(0)}
  .landing-nav .landing-nav-links>a{width:100%;font-size:1.1rem;padding:.75rem 0}
  .mobile-menu-close{display:block;position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#efe8d4;font-size:1.5rem;cursor:pointer;padding:.5rem}
}

/* HERO */
.landing-hero{padding:4.25rem 0 1.75rem;background:radial-gradient(900px 450px at 50% -100px,#6a5e47 0%,#3f3a2f 45%,#27231d 80%,#1b1915 100%);text-align:center;min-height:64vh;display:flex;align-items:center;position:relative}
.landing-hero-content{width:100%;max-width:1040px;margin:0 auto;padding:0 .75rem;display:grid;place-items:center;text-align:center}
.landing-hero-content > *{justify-self:center}
.landing-hero-title{margin-top:1.25rem;color:#fbf4e0;font-weight:900;letter-spacing:.02em;font-size:clamp(2.5rem,7vw,5rem);text-shadow:0 8px 30px rgba(0,0,0,.35)}
.landing-hero-note{color:#d8ccb1;margin-top:.85rem;font-size:.95rem;display:block;max-width:820px;margin-left:auto;margin-right:auto;text-align:center}
.damsmart-hero-logo{width:340px;max-width:62vw;margin:0 auto .75rem;display:block;filter:drop-shadow(0 0 10px rgba(178,58,58,.08))}
@media (min-width:1024px){.damsmart-hero-logo{width:380px}}
.damsmart-subtitle{font-size:clamp(1rem,2.4vw,1.4rem);color:#e7dcc0;margin:1.25rem auto 2rem;display:block;max-width:820px;text-align:center}

/* Variant: Move beaver (logo) to top-left and scale 1.5x hero title */
.hero-logo-top-left{position:relative}
.hero-logo-top-left .damsmart-hero-logo{position:absolute;top:.75rem;left:.75rem;height:calc(1.5 * clamp(2.5rem,7vw,5rem));width:auto;margin:0;filter:drop-shadow(0 0 10px rgba(178,58,58,.12));z-index:0}
.hero-logo-top-left > *:not(.damsmart-hero-logo),
.hero-logo-top-left .landing-hero-content>*:not(.damsmart-hero-logo){position:relative;z-index:1}
/* Context-specific sizes for auth/onboarding titles */
.auth-page .hero-logo-top-left .damsmart-hero-logo{height:calc(1.5 * clamp(1.6rem,3.8vw,2.2rem))}
.onboarding-page .hero-logo-top-left .damsmart-hero-logo{height:calc(1.5 * clamp(1.6rem,3.8vw,2.2rem))}

/* Header beaver placement (shared header partial) */
.header-beaver-logo{position:absolute;top:.5rem;left:.5rem;height:calc(2 * clamp(2.5rem,7vw,5rem));width:auto;margin:0;filter:drop-shadow(0 0 10px rgba(178,58,58,.12));pointer-events:none;z-index:500}
.auth-page .header-beaver-logo,.onboarding-page .header-beaver-logo{height:calc(2 * clamp(1.6rem,3.8vw,2.2rem))}

/* When the header beaver is present, shift nav content to the right to avoid overlap */
.header-beaver-logo + .landing-nav .landing-nav-container{padding-left:calc(2 * clamp(2.5rem,7vw,5rem) + .85rem)}
.auth-page .header-beaver-logo + .landing-nav .landing-nav-container,
.onboarding-page .header-beaver-logo + .landing-nav .landing-nav-container{padding-left:calc(2 * clamp(1.6rem,3.8vw,2.2rem) + .85rem)}
@media (max-width:768px){
  .header-beaver-logo{top:.4rem;left:.4rem;height:calc(2 * clamp(2rem,10vw,3.2rem))}
  .header-beaver-logo + .landing-nav .landing-nav-container{padding-left:3.25rem}
  .auth-page .header-beaver-logo + .landing-nav .landing-nav-container,
  .onboarding-page .header-beaver-logo + .landing-nav .landing-nav-container{padding-left:3rem}
}

/* BUTTONS */
.landing-hero-cta{display:flex;gap:.95rem;justify-content:center;align-items:center;margin-top:.25rem;margin-left:auto;margin-right:auto;align-self:center}
.landing-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.7rem;border:2px solid transparent;border-radius:14px;font-weight:800;letter-spacing:.03em;text-decoration:none;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.landing-btn span{white-space:nowrap}
.landing-btn svg{width:1.05em;height:1.05em;margin-left:.35rem;flex-shrink:0;vertical-align:middle}
.landing-btn-large{padding:1rem 1.75rem;border-radius:12px}
.landing-btn-primary{background:linear-gradient(180deg,#6a3f1e 0%,#4d2d15 100%);color:#fff8e8;border-color:#f1c574;box-shadow:0 12px 30px rgba(79,45,21,.5),0 2px 10px rgba(178,58,58,.16)}
.landing-btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px)}
.landing-btn-outline{color:#efe8d4;border-color:#f1c574;background:rgba(255,255,255,.03);box-shadow:inset 0 -2px 0 rgba(241,197,116,.15)}
.landing-btn-outline:hover{background:rgba(255,255,255,.08);border-color:#f1c574}

@media (max-width:768px){
  .landing-hero{padding:3rem 0 1.25rem;min-height:54vh}
  .damsmart-hero-logo{width:200px}
  .landing-hero-cta{flex-wrap:wrap;padding:0 1rem}
}

/* Compact hero variant for content pages */
.landing-hero-compact{padding:2.5rem 0 1.5rem !important;min-height:40vh !important}

/* FEATURES (lite) */
.damsmart-features-lite{margin:1.75rem auto 1.25rem;max-width:1200px;width:100%;padding:0 .75rem;text-align:center}
.damsmart-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;align-items:stretch;justify-items:stretch;width:100%;margin:0 auto}
.damsmart-feature{color:#efe8d4;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.25rem;transition:transform .15s ease,box-shadow .15s ease;text-align:center;width:100%;margin:0}
.damsmart-feature:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.damsmart-feature h3{font-size:1.35rem;font-weight:900;letter-spacing:.01em;margin-bottom:.375rem;color:#fbf4e0;position:relative;padding-bottom:.35rem}
.damsmart-feature h3::after{content:"";position:absolute;left:0;right:60%;bottom:0;height:2px;background:linear-gradient(90deg,#f1c574 0%,rgba(241,197,116,.15) 100%)}
.damsmart-feature p{color:#e1d6b6;line-height:1.72}
.damsmart-feature a{color:#f1c574;text-decoration:underline;text-decoration-color:rgba(241,197,116,.6)}
.damsmart-feature a:hover{color:#fff;text-decoration-color:#f1c574}

/* MAIN + FOOTER */
.landing-main{max-width:none;width:100%;margin:0;padding:0;background:radial-gradient(1200px 600px at 50% -150px,#6a5e47 0%,#3f3a2f 45%,#27231d 80%,#1b1915 100%);color:#f5eedd;position:relative}
.landing-main::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(178,58,58,.35) 0%,rgba(241,197,116,.25) 100%);pointer-events:none}
.landing-footer{background:linear-gradient(180deg,rgba(27,25,21,.96) 0%,rgba(27,25,21,.88) 100%);border-top:1px solid rgba(255,255,255,.08)}
.landing-footer-container{max-width:1040px;width:100%;margin:0 auto;padding:0 .75rem;box-sizing:border-box}
.landing-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:2rem 0;justify-items:center;width:100%;margin:0 auto;text-align:center}
.landing-footer-section h4{color:#efe8d4;margin-bottom:.5rem;text-align:center}
.landing-footer-section a{color:#d8ccb1;display:block;margin:.25rem 0;text-decoration:none;text-align:center}
.landing-footer-section a:hover{color:#fff}
.landing-footer-copy{color:#cfc3a7;text-align:center;padding:1rem 0}

/* AUTH PAGES */
.auth-page{min-height:100vh}
.onboarding-page{min-height:100vh}
.auth-container{max-width:560px;margin:0 auto;padding:3rem .75rem;display:flex;align-items:center;justify-content:center}
.auth-card{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.auth-header h1{margin:0;color:#fbf4e0;font-weight:900;letter-spacing:.01em;font-size:clamp(1.6rem,3.8vw,2.2rem)}
.auth-header p{margin:.35rem 0 1.25rem;color:#e1d6b6}
.auth-form{display:grid;gap:1rem}
.form-group label{display:flex;gap:.5rem;align-items:center;color:#efe8d4;font-weight:700;margin-bottom:.35rem}
.form-group label svg{width:1.1rem;height:1.1rem;opacity:.9}
.form-group input,.form-group select,.form-group textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.85rem 1rem;color:#fbf4e0;outline:none}
.form-group input::placeholder,.form-group textarea::placeholder{color:#d1c7ac}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f1c574;box-shadow:0 0 0 3px rgba(241,197,116,.15)}
.form-group textarea{min-height:120px;resize:vertical}
.auth-password-field{position:relative;display:flex;align-items:center}
.auth-password-field .auth-password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#efe8d4;cursor:pointer;padding:.35rem}
.auth-options{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}
.form-checkbox{display:flex;gap:.5rem;align-items:center;color:#e7dcc0}
.auth-forgot-link{color:#e7dcc0;text-decoration:none}
.auth-forgot-link:hover{color:#fff}
.auth-submit{width:100%;justify-content:center;margin-top:.25rem}
.auth-secondary-btn{width:100%;justify-content:center;margin-top:.5rem}
.onboarding-submit{width:auto;justify-content:center;align-self:center}
.auth-secondary-btn{width:auto;justify-content:center;align-self:center}
.auth-error{display:flex;gap:.6rem;align-items:center;background:rgba(178,58,58,.12);border:1px solid rgba(178,58,58,.35);color:#ffd7d7;padding:.75rem 1rem;border-radius:12px}
.auth-error svg{width:1.1rem;height:1.1rem}
.auth-divider{display:flex;align-items:center;gap:.75rem;color:#d8ccb1;margin:1rem 0;justify-content:center}
.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(241,197,116,.25),rgba(178,58,58,.25))}
.auth-security{display:flex;gap:.6rem;align-items:center;color:#d8ccb1;margin-top:1rem}
.auth-security svg{width:1.1rem;height:1.1rem}

/* Onboarding (create-store) sections */
.form-section-title{font-size:1.25rem;font-weight:800;color:#fbf4e0;margin:1rem 0;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.12)}
.form-section-spaced{margin-top:2rem}
.required{color:#ef4444}
.optional{color:#d1c7ac;font-size:.9rem}
.onboarding-page .landing-btn{padding:.6rem 1rem;border-radius:8px;border-width:1px;font-weight:700}
.onboarding-page .landing-btn-large{padding:.75rem 1.2rem}
.onboarding-page .landing-btn{font-size:.9rem;letter-spacing:.01em}
.onboarding-page .landing-btn svg{width:.9em;height:.9em;margin-left:.2rem}
.onboarding-page .landing-btn-primary{box-shadow:0 6px 16px rgba(79,45,21,.3),0 1px 5px rgba(178,58,58,.1);border-width:1px}
.onboarding-page .landing-btn-outline{border-width:1px}
.onboarding-submit{margin-top:.5rem}
.auth-secondary-btn{margin-top:.25rem}
.onboarding-page .form-group label svg{width:1rem;height:1rem;opacity:.85}
.form-checkbox a{color:#f1c574;text-decoration:underline;text-decoration-color:rgba(241,197,116,.7)}
.form-checkbox a:hover{color:#fff;text-decoration-color:#f1c574}
.form-checkbox input{flex:none}
.form-checkbox label{line-height:1.5}
.form-hint a{color:#f1c574;text-decoration:underline;text-decoration-color:rgba(241,197,116,.7)}
.form-hint a:hover{color:#fff;text-decoration-color:#f1c574}

@media (max-width:480px){
  .auth-card{padding:1.5rem}
  .auth-container{padding:2rem .75rem}
}

/* ONBOARDING PAGES (create-store)
   Map old onboarding-* classes to unified look */
.onboarding-container{max-width:760px;margin:0 auto;padding:3rem .75rem}
.onboarding-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.onboarding-header h1{margin:0;color:#fbf4e0;font-weight:900;letter-spacing:.01em;font-size:clamp(1.6rem,3.8vw,2.2rem)}
.onboarding-header p{margin:.35rem 0 1rem;color:#e1d6b6}
.onboarding-benefits{display:flex;gap:1rem;flex-wrap:wrap;margin:.5rem 0 1.25rem}
.onboarding-benefit{display:flex;gap:.4rem;align-items:center;color:#e7dcc0;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.35rem .6rem}
.onboarding-benefit svg{width:1rem;height:1rem}
.onboarding-form{display:grid;gap:1rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-hint{color:#d1c7ac;font-size:.9rem;margin-top:.35rem}
.onboarding-error{display:flex;gap:.6rem;align-items:center;background:rgba(178,58,58,.12);border:1px solid rgba(178,58,58,.35);color:#ffd7d7;padding:.75rem 1rem;border-radius:12px}
.onboarding-error svg{width:1.1rem;height:1.1rem}
.onboarding-note{color:#d8ccb1;margin-top:1rem}

@media (max-width:720px){
  .form-row{grid-template-columns:1fr}
}

/* POLICY / TERMS pages */
.policy-container{max-width:1200px;width:100%;margin:0 auto;padding:2rem .75rem;box-sizing:border-box}
.policy-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.policy-section{margin-bottom:2rem}
.policy-section h2{color:#fbf4e0;font-size:1.5rem;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:.4rem;text-align:center}
.policy-section h3{color:#efe8d4;font-size:1.15rem;margin:1rem 0 .5rem}
.policy-card{ text-align:center }
.policy-card h3{color:#fbf4e0;font-size:1.25rem;margin:0 0 .5rem;font-weight:800}
.policy-section p,.policy-section li{color:#e1d6b6;line-height:1.8;margin-bottom:.75rem}
.policy-section ul{padding-left:1.25rem}
.policy-section ul li{margin-bottom:.5rem}
.policy-card ul{padding-left:1.25rem;display:inline-block;text-align:left}
.policy-card li{margin-bottom:.5rem}
.policy-card a{color:#f1c574;text-decoration:underline;text-decoration-color:rgba(241,197,116,.6)}
.policy-card a:hover{color:#fff;text-decoration-color:#f1c574}
.highlight-box{background:rgba(241,197,116,.12);border-left:4px solid #f1c574;padding:1rem;border-radius:10px}
.warning-box{background:rgba(178,58,58,.12);border-left:4px solid rgba(178,58,58,.8);padding:1rem;border-radius:10px}
.last-updated{background:rgba(255,255,255,.06);padding:.75rem;border-radius:10px;text-align:center;color:#e7dcc0;margin-bottom:1.25rem;border:1px solid rgba(255,255,255,.08)}
.policy-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}
.policy-card a{color:#f1c574;text-decoration:underline;text-decoration-color:rgba(241,197,116,.6)}
.policy-card a:hover{color:#fff;text-decoration-color:#f1c574}

/* Docs page compact layout */
.docs-page .landing-hero-compact{padding:2rem 0 1rem !important;min-height:28vh !important}
.docs-page .damsmart-features-lite{max-width:1040px;margin:1.25rem auto 1rem}
.docs-page .policy-container{max-width:1040px;padding:1.5rem .75rem}
.docs-page .policy-card{padding:1.5rem}
.docs-page .policy-section{margin-bottom:1.25rem}
.docs-page .policy-section h2{margin-bottom:.5rem;padding-bottom:.3rem}

/* Blog sections */
.blog-section{padding:2rem .75rem}
.blog-container{max-width:1200px;margin:0 auto}

/* Featured post */
.blog-featured{background:linear-gradient(135deg,#6a5e47 0%,#3f3a2f 100%);border:1px solid rgba(241,197,116,.2);border-radius:16px;padding:3rem;color:#fbf4e0;margin-bottom:4rem;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.blog-featured-badge{background:rgba(241,197,116,.2);color:#f1c574;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;display:inline-block;border:1px solid rgba(241,197,116,.3)}
.blog-featured h2{font-size:2.5rem;margin:1.5rem 0;color:#fbf4e0}
.blog-featured p{font-size:1.15rem;opacity:.95;margin-bottom:2rem;color:#e1d6b6}
.blog-featured-meta{display:flex;gap:2rem;align-items:center;flex-wrap:wrap;color:#e1d6b6}
.blog-featured-btn{background:#f1c574;color:#1b1915;padding:.75rem 2rem;border-radius:6px;font-weight:600;text-decoration:none;margin-left:auto;display:inline-block;transition:all .2s}
.blog-featured-btn:hover{background:#fff;transform:translateY(-2px)}

/* Category filters */
.blog-categories{text-align:center;margin-bottom:3rem}
.blog-categories h3{font-size:1.5rem;margin-bottom:1.5rem;color:#fbf4e0}
.blog-category-filters{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}
.blog-filter-btn{padding:.5rem 1.5rem;border:2px solid rgba(241,197,116,.3);background:rgba(255,255,255,.05);color:#e1d6b6;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s}
.blog-filter-btn.active,.blog-filter-btn:hover{border-color:#f1c574;background:#f1c574;color:#1b1915}

/* Blog post cards */
.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin:2rem 0}
.blog-card{background:#f8f9fa;border-radius:12px;overflow:hidden;transition:transform .2s ease;text-decoration:none;display:block;color:inherit}
.blog-card:hover{transform:translateY(-4px)}
.blog-card-image{height:200px;background:linear-gradient(135deg,#6a5e47 0%,#3f3a2f 100%)}
.blog-card-content{padding:2rem}
.blog-category-badge{background:rgba(241,197,116,.15);color:#f1c574;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;display:inline-block;margin-bottom:.5rem;border:1px solid rgba(241,197,116,.3)}
.blog-category-badge.tips{background:rgba(241,197,116,.2);color:#f1c574;border-color:rgba(241,197,116,.4)}
.blog-category-badge.stories{background:rgba(241,197,116,.2);color:#f1c574;border-color:rgba(241,197,116,.4)}
.blog-category-badge.tutorials{background:rgba(241,197,116,.2);color:#f1c574;border-color:rgba(241,197,116,.4)}
.blog-card h3{font-size:1.5rem;margin:1rem 0;color:#1a202c}
.blog-card p{color:#4a5568;line-height:1.8;margin-bottom:1.5rem}
.blog-card-footer{display:flex;justify-content:space-between;align-items:center;color:#718096;font-size:.9rem}
.blog-card-footer a,.blog-read-more{color:#f1c574;font-weight:600;text-decoration:none}
.blog-read-more:hover{color:#b2933c}

/* Load more */
.blog-load-more{text-align:center;margin-top:3rem}

/* Newsletter */
.blog-newsletter{background:linear-gradient(135deg,#6a5e47 0%,#3f3a2f 100%);border:1px solid rgba(241,197,116,.2);border-radius:16px;padding:4rem 2rem;text-align:center;color:#fbf4e0;margin:2rem .75rem;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.blog-newsletter h2{font-size:2.5rem;margin-bottom:1rem;color:#fbf4e0}
.blog-newsletter p{font-size:1.15rem;margin-bottom:2rem;opacity:.95;color:#e1d6b6}
.blog-newsletter-form{max-width:500px;margin:0 auto;display:flex;gap:1rem}
.blog-newsletter-input{flex:1;padding:.75rem 1.5rem;border:1px solid rgba(241,197,116,.3);background:rgba(255,255,255,.05);color:#fbf4e0;border-radius:6px;font-size:1rem}
.blog-newsletter-input::placeholder{color:#a89d83}
.blog-newsletter-btn{background:#f1c574;color:#1b1915;padding:.75rem 2rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}
.blog-newsletter-btn:hover{background:#fff;transform:translateY(-2px)}

/* Guides page */
.feature-list{list-style:none;padding:0;margin:1rem 0}
.feature-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#e1d6b6}
.feature-list li:before{content:"\u2713";position:absolute;left:0;color:#f1c574;font-weight:bold}