:root{ --bg:#fbf7f2; --ink:#5b4a3f; --brown:#a98467; --brown-pale:#e7d8c9; --blush:#e7a6b0; --teal:#00c896; }
*{ box-sizing:border-box; }
html,body{ overflow-x:hidden; }
body{ margin:0; background:var(--bg); color:var(--ink); font-family:'Quicksand',system-ui,sans-serif; min-height:100vh; }
/* bilingual: show one language at a time */
.af{ display:none; } body.lang-af .en{ display:none; } body.lang-af .af{ display:inline; }
.gw-top{ display:flex; align-items:center; justify-content:space-between; padding:14px 22px; }
.gw-brand{ display:flex; align-items:center; gap:9px; text-decoration:none; color:var(--ink); font-weight:700; letter-spacing:.5px; text-transform:uppercase; font-size:14px; }
.gw-brand img{ height:26px; width:auto; }
.gw-lang{ background:transparent; border:1px solid rgba(169,132,103,.4); color:#8a7a6e; border-radius:8px; padding:.3rem .8rem; font:inherit; font-size:.8rem; cursor:pointer; }
.gw-wrap{ max-width:920px; margin:0 auto; padding:2rem 1.2rem 4rem; text-align:center; }
.gw-h1{ font-family:'Fraunces',Georgia,serif; font-weight:600; font-size:clamp(1.5rem,5vw,2.8rem); line-height:1.15; margin:1rem 0 .6rem; overflow-wrap:break-word; }
.gw-hook{ color:#8a7a6e; font-size:clamp(1rem,2.4vw,1.15rem); max-width:600px; margin:0 auto 2.4rem; overflow-wrap:break-word; }
.gw-cards{ display:flex; gap:1.4rem; justify-content:center; align-items:stretch; }
.gw-card{ flex:1 1 0; max-width:360px; display:flex; flex-direction:column; align-items:center; gap:.5rem;
  text-decoration:none; color:var(--ink); background:#fff; border:1px solid var(--brown-pale); border-radius:22px;
  padding:1.6rem 1.2rem 1.4rem; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.gw-card:hover{ transform:translateY(-6px); box-shadow:0 16px 40px rgba(0,0,0,.10); }
.gw-circuit:hover{ border-color:var(--teal); box-shadow:0 16px 40px rgba(0,200,150,.18); }
.gw-violet:hover{ border-color:var(--blush); box-shadow:0 16px 40px rgba(231,166,176,.22); }
.gw-ava{ height:230px; display:flex; align-items:flex-end; justify-content:center; }
.gw-ava img{ height:100%; width:auto; filter:drop-shadow(0 10px 14px rgba(0,0,0,.12)); }
.gw-circuit .gw-ava{ background:radial-gradient(closest-side,rgba(0,200,150,.10),transparent 72%); }
.gw-violet  .gw-ava{ background:radial-gradient(closest-side,rgba(231,166,176,.16),transparent 72%); }
.gw-name{ font-family:'Fraunces',serif; font-weight:600; font-size:1.45rem; margin:.4rem 0 0; }
.gw-vibe{ margin:0; color:#8a7a6e; }
.gw-start{ margin-top:.4rem; font-weight:700; color:var(--brown); }
.gw-circuit .gw-start{ color:#0a8f6c; }
.gw-remember{ display:inline-flex; align-items:center; gap:.5rem; margin-top:2rem; color:#8a7a6e; font-size:.95rem; cursor:pointer; user-select:none; }
.gw-remember input{ width:17px; height:17px; accent-color:var(--brown); cursor:pointer; }
.gw-reassure{ margin-top:1rem; color:#8a7a6e; }
@media (max-width:680px){ .gw-cards{ flex-direction:column; align-items:center; } .gw-card{ max-width:420px; width:100%; } }
@media (prefers-reduced-motion: reduce){ .gw-card{ transition:none; } }