/* Tasty Mangoes — v5 styles */
:root{
  --cream:#FEFBEF;
  --paper:#FFFFFF;
  --mango:#E78924;
  --mango-ink:#CB6E13;
  --ink:#2F2F2F;
  --muted:#6b6b6b;
  --ring: rgba(231,137,36,0.35);
  --radius: 18px;
  --shadow: 0 8px 24px rgba(203,110,19,.12), 0 2px 6px rgba(203,110,19,.10);
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{
  font-family: Inter, Nunito, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji", sans-serif;
  color:var(--ink);
  background: radial-gradient(1200px 600px at 70% -10%, #FFECD2 0%, rgba(255,236,210,0) 60%),
              radial-gradient(1000px 500px at -10% -20%, #FFF6E5 0%, rgba(255,246,229,0) 60%),
              var(--cream);
  min-height: 100vh;
}
body::before{
  content:""; position: fixed; inset:0; pointer-events:none;
  background-image:
    linear-gradient(transparent 95%, rgba(231,137,36,.05) 95%),
    linear-gradient(90deg, transparent 95%, rgba(231,137,36,.05) 95%);
  background-size: 28px 28px, 28px 28px;
  mask-image: radial-gradient(60% 60% at 50% 0%, rgba(0,0,0,.45), transparent 70%);
  opacity:.2;
}

/* Layout */
.container{max-width:1100px;margin:0 auto;padding:24px}
.header{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 24px 0}
.header.centered{justify-content:center}
.logo{height:76px;width:auto;filter: drop-shadow(0 6px 16px rgba(0,0,0,.06));}

/* Hero */
.hero{
  padding: 16px 24px 96px;
  text-align:center;
  min-height: 85vh;
  display:flex; flex-direction:column; justify-content:center; align-items:center;
}
.h1{
  font-family: Nunito, Inter, system-ui, sans-serif;
  font-weight:900; letter-spacing:.2px; color:var(--mango-ink);
  font-size: clamp(30px, 4.4vw, 48px);
  margin: 6px auto 0;
  text-shadow: 0 1px 0 #fff4e6;
}
.subtext{color:var(--mango);font-weight:600;margin-top:16px;font-size:18px;text-align:center}

.cta-row{margin-top:24px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.btn{
  display:inline-block; padding:12px 22px; border-radius:999px; text-decoration:none;
  font-weight:800; border:2.5px solid var(--mango); color:var(--mango-ink);
  background:linear-gradient(#fff8f0,#fff);
  box-shadow: var(--shadow);
  transition: transform .08s ease, box-shadow .2s ease, background .2s ease;
}
.btn:hover{transform:translateY(-2px); box-shadow: 0 10px 28px rgba(203,110,19,.18), 0 3px 8px rgba(203,110,19,.14)}
.btn:active{transform:translateY(0)}
.btn:focus{outline:3px solid var(--ring); outline-offset:2px}
.btn-solid{background:linear-gradient(180deg, #f39a3d, #e78924); color:white; border-color:#e78924}
.btn.small-back{font-size:14px;padding:6px 12px;border-radius:12px;background:linear-gradient(#fff8f0,#fff)}
.btn.small-back:hover{background:#e78924;color:#fff}

.divider{display:flex; justify-content:center; margin:18px 0}
.divider img{height:18px; opacity:.6}

/* Forms */
.main{padding:22px 24px}
.section-title{
  font-family: Nunito, Inter, system-ui, sans-serif;font-weight:900;color:var(--mango-ink);
  font-size:28px;margin:0 0 12px; letter-spacing:.2px; text-align:center;
}
.form{
  max-width:760px;margin:16px auto 0;
  background: conic-gradient(from 180deg at 0% 0%, rgba(255,255,255,.7), rgba(255,255,255,.85)) padding-box,
              radial-gradient(500px 200px at 0% -10%, rgba(255, 204, 153, .22), transparent 60%) border-box;
  border:2px solid #f2d99a; border-radius:var(--radius); padding:24px;
  box-shadow: var(--shadow);
}
.row{margin-bottom:14px}
.row.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;font-weight:800;color:var(--mango-ink);margin-bottom:6px}
input[type=text],input[type=email],textarea{
  width:100%;border:0;border-radius:14px;padding:14px 16px;background:#FFF4C7;color:#2f2f2f;font-size:16px;
  box-shadow: inset 0 0 0 2px #f0dba0;
}
textarea{resize:vertical}
input:focus,textarea:focus{outline:3px solid var(--ring);box-shadow: inset 0 0 0 2px var(--mango); background:#FFF1B5}
.center{text-align:center}
.privacy{color:#7a7a7a;font-size:14px;margin-top:8px;text-align:center}

/* Footer */
.footer{text-align:center;color:#8c8c8c;padding:48px 24px 40px}
@media(max-width:860px){.row.two{grid-template-columns:1fr}.logo{height:62px}}
.hp{position:absolute !important; left:-10000px !important; top:auto !important; width:1px !important; height:1px !important; overflow:hidden !important;}