*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#f7fbff;color:#333}
header{text-align:center;background:#3b1d5a;color:#fff;padding:20px}
.logo{max-width:90px}
.main-nav a{color:#fff;margin:0 6px;text-decoration:none;font-size:14px}
.hero{display:flex;align-items:center;justify-content:center;gap:30px;padding:50px;background:#eae3f3}
.hero img{max-width:320px;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.25)}
.hero-text{max-width:420px}
.content{padding:50px;max-width:1100px;margin:auto}
.card{background:#fff;padding:20px;border-radius:12px;margin:15px auto;max-width:500px;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.cta{display:inline-block;margin-top:15px;padding:12px 24px;background:#3b1d5a;color:#fff;border-radius:6px;text-decoration:none}
footer{text-align:center;background:#222;color:#fff;padding:20px}
footer a{color:#fff;text-decoration:underline}
#cookie-banner{display:none;position:fixed;bottom:0;width:100%;background:#3b1d5a;color:#fff;padding:14px;text-align:center;z-index:9999}
@media(max-width:768px){.hero{flex-direction:column;text-align:center}}


/* ===== About page image fix ===== */
.content img {
  max-width: 280px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 30px auto;
  border-radius: 12px;
}


/* ===== Global text shadows restored ===== */
h1, h2, h3 {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

p, li {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}