:root{
  --ask-primary:#A32F8E;
  --ask-secondary:#CB52B5;
  --ask-dark:#1b0f1a;
  --ask-text:#222;
  --ask-muted:#6b6b6b;
  --radius:16px;
  --shadow:0 10px 30px rgba(0,0,0,.08);
  --maxw:1100px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,sans-serif;
  color:var(--ask-text);
  background:#fff;
}
a{color:var(--ask-primary);text-decoration:none}
a:hover{text-decoration:underline}

/* Header */
.header{
  position:sticky; top:0; z-index:50;
  backdrop-filter:blur(8px);
  background:rgba(255,255,255,.85);
  border-bottom:1px solid #eee;
}
.nav{ max-width:var(--maxw); margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:.6rem 1rem; }
.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;color:var(--ask-dark)}
.brand-logo{height:36px;width:auto;display:block}
.brand small{color:var(--ask-muted)}
.nav-links{display:flex;align-items:center;gap:1rem}
.nav-links a{font-weight:600;color:var(--ask-dark);padding:.4rem .6rem;border-radius:10px}
.nav-links a:hover{background:#f5f5f7}
.burger{display:none;background:none;border:0;font-size:1.4rem;padding:.4rem .6rem;border-radius:10px}

/* Social link + icons */
.social-link{ font-weight:600; display:inline-flex; align-items:center; gap:.35rem; }
.social-link i{ color:#E1306C; font-size:1.1rem; }
footer i.fab.fa-instagram{ color:#fff; font-size:1.2rem; margin-left:.4rem; }
.btn-outline i.fab.fa-instagram{ color:var(--ask-primary); }

@media (max-width:860px){
  .burger{display:inline-block}
  .nav-links{
    position:fixed; inset:55px 0 auto 0;
    background:#fff; border-bottom:1px solid #eee;
    padding:.8rem 1rem; display:none
  }
  .nav-links.open{display:grid;grid-auto-flow:row;gap:.5rem}
}

/* Hero */
.hero{
  background:
    radial-gradient(80% 100% at 20% 0%, #f7e9f5 0%, transparent 60%),
    linear-gradient(135deg,#fff 0%,#fff 30%,#fdf4ff 100%);
}
.hero-inner{max-width:var(--maxw);margin:0 auto;padding:4rem 1rem 3rem;text-align:center}
.kicker{color:var(--ask-primary);font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:.08em}
.title{font-size:clamp(1.8rem,3.5vw + .8rem,3rem);margin:0;color:var(--ask-dark);line-height:1.1}
.subtitle{max-width:70ch;margin:.2rem auto 0;color:#4b4b4b}
.cta-row{margin-top:1rem;display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.7rem 1rem;font-weight:800;border:2px solid transparent;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--ask-primary),var(--ask-secondary));color:#fff;box-shadow:var(--shadow)}
.btn-outline{background:#fff;border-color:#eee}

/* Sections */
section{max-width:var(--maxw);margin:0 auto;padding:2.5rem 1rem}
.section-title{font-size:1.6rem;margin:0 0 .6rem;color:var(--ask-dark)}
.section-sub{margin:0 0 1rem;color:var(--ask-muted)}

/* About */
.about{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:center}
.about img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow);object-fit:cover}
@media (max-width:900px){.about{grid-template-columns:1fr}}

/* Board */
.grid{display:grid;gap:1rem}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.grid-4{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid #eee;border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}
.member{text-align:center}
.member img{width:100%;max-width:160px;border-radius:50%;box-shadow:var(--shadow)}
.member h4{margin:.6rem 0 .2rem;line-height:1.2}
.role{color:var(--ask-muted);font-size:.92rem}
.email{font-size:.9rem}

/* Events */
.event{display:grid;grid-template-columns:160px 1fr;gap:1rem;align-items:start;border-bottom:1px dashed #eee;padding:.7rem 0}
.date{font-weight:900;color:var(--ask-primary)}
@media (max-width:560px){.event{grid-template-columns:1fr}}

/* ---- Contact ---- */
.contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
@media (max-width:900px){ .contact-grid{ grid-template-columns:1fr; } }

.contact-card{ padding:1rem; }
.contact-title{ margin:.2rem 0 1rem; font-weight:800; }

.hours{ margin-top:.6rem; }
.hours-title{ font-weight:700; margin:.4rem 0; }
.hours-table{ width:100%; border-collapse:collapse; font-size:.95rem; }
.hours-table th{ text-align:left; padding:.35rem .4rem .35rem 0; color:var(--ask-dark); width:40%; }
.hours-table td{ padding:.35rem 0; color:var(--ask-muted); border-bottom:1px dashed #eee; }
.hours-note{ margin-top:.4rem; color:var(--ask-muted); font-size:.9rem; }

.form-grid-two{ display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
@media (max-width:560px){ .form-grid-two{ grid-template-columns:1fr; } }

.form-row{ display:flex; flex-direction:column; gap:.35rem; margin-bottom:.75rem; }
label{ font-weight:700; font-size:.95rem; }
input, select, textarea{
  width:100%; border:1px solid #e3e3e8; border-radius:12px; padding:.7rem .8rem;
  font:inherit; background:#fff;
}
textarea{ resize:vertical; }

.note{
  display:none;
  background:#fff7ff;
  border:1px solid #f0d8f5;
  color:#6b3f64;
  border-radius:12px;
  padding:.6rem .8rem;
  font-size:.92rem;
  margin:.4rem 0 .2rem;
}

.actions{ display:flex; gap:.6rem; flex-wrap:wrap; }
.tiny{ font-size:.85rem; color:var(--ask-muted); margin-top:.4rem; }

/* Footer */
footer{margin-top:2rem;background:linear-gradient(135deg,var(--ask-primary),var(--ask-secondary));color:#fff}
.footer-inner{max-width:var(--maxw);margin:0 auto;padding:1.2rem 1rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.foot-small{opacity:.9}

/* Utilities */
.gradient-text{background:linear-gradient(135deg,var(--ask-primary),var(--ask-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}

}