@import url('https://fonts.googleapis.com/css2?family=Josefin+Slab:wght@600;700&family=DM+Sans:wght@400;500&display=swap');

:root{
  --bg:#071419;
  --bg2:#0d2229;
  --bd:#1a3d47;
  --pr:#00b4a2;
  --go:#e0607a;
  --tx:#c8e8e4;
  --mu:#6a9a95;
  --wh:#f0f9f7;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--tx);font-size:1rem;line-height:1.65}

h1,h2,h3,h4{font-family:'Josefin Slab',Georgia,serif;color:var(--wh);font-weight:700}
h1{font-size:clamp(1.4rem,3.2vw,2.2rem);line-height:1.3}
h2{font-size:clamp(1.15rem,2.3vw,1.65rem);margin-bottom:.9rem}
h3{font-size:1.05rem;margin-bottom:.5rem}

a{color:var(--pr);text-decoration:none}
a:hover{color:var(--go)}

.aq-skip{position:absolute;left:-9999px}
.aq-skip:focus{left:1rem;top:1rem;z-index:9999;background:var(--bg2);color:var(--wh);padding:.5rem 1rem;border-radius:6px}

/* ── HEADER ── */
.aq-top{display:flex;align-items:center;padding:.8rem 1.5rem;border-bottom:1px solid var(--bd);gap:1.5rem;position:sticky;top:0;background:rgba(7,20,25,.97);backdrop-filter:blur(8px);z-index:100}
.aq-mark{display:flex;align-items:center;gap:.7rem;color:var(--wh);text-decoration:none}
.aq-mark__svg{width:40px;height:40px;flex-shrink:0}
.aq-mark__t{font-family:'Josefin Slab',serif;font-size:.98rem;font-weight:700;letter-spacing:.02em;line-height:1.1}
.aq-mark__sub{display:block;font-size:.67rem;font-weight:400;color:var(--mu);letter-spacing:.05em}
.aq-nav{display:flex;gap:1rem;margin-left:auto;flex-wrap:wrap}
.aq-nav a{font-size:.81rem;color:var(--mu);transition:color .2s}
.aq-nav a:hover{color:var(--pr)}
.aq-btn{background:var(--pr);color:#071419;padding:.5rem 1.2rem;border-radius:6px;font-size:.88rem;font-weight:600;white-space:nowrap;transition:background .2s,color .2s;text-decoration:none}
.aq-btn:hover{background:var(--go);color:var(--wh)}
.aq-btn--ghost{background:transparent;border:1px solid var(--pr);color:var(--pr)}
.aq-btn--ghost:hover{background:var(--pr);color:#071419}
.aq-btn--sm{padding:.38rem .9rem;font-size:.79rem}

/* ── SECTIONS ── */
.aq-sec{padding:3rem 1.5rem;max-width:1100px;margin:0 auto}
.aq-ovr{font-size:.71rem;text-transform:uppercase;letter-spacing:.13em;color:var(--pr);margin-bottom:.55rem;display:block}
.aq-lede{font-size:.98rem;color:var(--tx);margin-bottom:1.4rem;max-width:75ch}
.aq-note{font-size:.84rem;color:var(--mu);margin-top:1rem;line-height:1.6}

/* ── HERO ── */
.aq-hero{padding:3.6rem 1.5rem 2.4rem;max-width:1100px;margin:0 auto}
.aq-hero__chip{font-size:.71rem;letter-spacing:.1em;text-transform:uppercase;color:var(--pr);margin-bottom:.9rem;display:block}
.aq-hero__sub{color:var(--tx);font-size:.98rem;max-width:72ch;margin:1rem 0 1.8rem;line-height:1.64}
.aq-hero__btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.8rem}
.aq-hero__btns .aq-btn{font-size:.93rem;padding:.68rem 1.5rem}

/* Quick-action tiles */
.aq-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:.85rem;margin-bottom:1.7rem}
.aq-tile{background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:1rem 1.05rem;text-align:center;text-decoration:none;transition:border-color .2s,transform .15s;display:flex;flex-direction:column;align-items:center}
.aq-tile:hover{border-color:var(--pr);transform:translateY(-2px)}
.aq-tile__ico{font-size:1.3rem;margin-bottom:.42rem;color:var(--pr)}
.aq-tile__t{font-family:'Josefin Slab',serif;font-size:.87rem;font-weight:700;color:var(--wh);margin-bottom:.16rem}
.aq-tile__d{font-size:.75rem;color:var(--mu)}

/* KPI strip */
.aq-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:10px;overflow:hidden}
.aq-kpi__cell{background:var(--bg2);padding:.95rem 1.05rem}
.aq-kpi__v{display:block;font-family:'Josefin Slab',serif;font-size:1.3rem;font-weight:700;color:var(--wh)}
.aq-kpi__l{font-size:.76rem;color:var(--mu);margin-top:.18rem;display:block}

/* ── ABOUT CARDS ── */
.aq-about{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;margin-top:1.35rem}
.aq-card{background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:1.25rem 1.35rem}
.aq-card h3{color:var(--pr);font-size:.88rem;margin-bottom:.42rem;letter-spacing:.03em}
.aq-card p{font-size:.88rem;line-height:1.62}

/* ── BONUS CELLS ── */
.aq-bonc{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem;margin:1.35rem 0}
.aq-bon{background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:1.1rem;text-align:center}
.aq-bon__t{font-size:.75rem;color:var(--mu);margin-bottom:.32rem;text-transform:uppercase;letter-spacing:.07em}
.aq-bon__v{font-family:'Josefin Slab',serif;font-size:1.04rem;color:var(--pr);font-weight:700;margin-bottom:.2rem}
.aq-bon__s{font-size:.79rem;color:var(--tx)}

/* ── CATALOG ── */
.aq-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem;margin-top:1.35rem}
.aq-slot{background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:1rem 1.08rem}
.aq-slot__t{font-family:'Josefin Slab',serif;font-size:.9rem;font-weight:700;color:var(--wh);margin-bottom:.22rem}
.aq-slot__p{font-size:.71rem;color:var(--pr);margin-bottom:.42rem}
.aq-slot__d{font-size:.82rem;color:var(--tx)}

/* ── VIP TABLE ── */
.aq-vip-wrap{margin-top:1.35rem;overflow-x:auto}
.aq-vip-tbl{width:100%;border-collapse:collapse;font-size:.87rem}
.aq-vip-tbl thead th{background:var(--bd);color:var(--wh);font-family:'Josefin Slab',serif;font-weight:700;padding:.68rem .95rem;text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.aq-vip-tbl tbody tr:nth-child(even){background:var(--bg2)}
.aq-vip-tbl tbody tr:nth-child(odd){background:var(--bg)}
.aq-vip-tbl td{padding:.68rem .95rem;border-bottom:1px solid var(--bd);color:var(--tx);vertical-align:top}
.aq-vip-tbl td:first-child{font-family:'Josefin Slab',serif;font-weight:700;color:var(--wh);font-size:.9rem}
.aq-vip-tbl td:nth-child(2){color:var(--pr);font-weight:600}

/* Tournament */
.aq-tour3{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.85rem;margin:1.35rem 0}
.aq-tour3 .aq-bon{border-color:var(--pr)}

/* ── REGISTER ── */
.aq-steps{list-style:none;margin-top:1.35rem;display:flex;flex-direction:column;gap:.7rem;counter-reset:rstep}
.aq-step{display:flex;gap:.9rem;align-items:flex-start;background:var(--bg2);border:1px solid var(--bd);border-radius:9px;padding:.9rem 1.1rem;counter-increment:rstep}
.aq-step::before{content:counter(rstep);flex-shrink:0;width:26px;height:26px;background:var(--pr);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Josefin Slab',serif;font-size:.8rem;font-weight:700;color:#071419;margin-top:2px}
.aq-step__t{font-weight:600;color:var(--wh);margin-bottom:.26rem;font-size:.92rem}
.aq-step__d{font-size:.84rem;color:var(--tx)}

/* ── CASHIER 2-COL ── */
.aq-cashier-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.35rem;margin-top:1.35rem}
@media(max-width:600px){.aq-cashier-grid{grid-template-columns:1fr}}
.aq-cashier-col__h{font-family:'Josefin Slab',serif;font-weight:700;font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;color:var(--pr);margin-bottom:.75rem;padding-bottom:.38rem;border-bottom:1px solid var(--bd)}
.aq-pay{display:flex;flex-direction:column;gap:.5rem}
.aq-mth{background:var(--bg2);border:1px solid var(--bd);border-radius:8px;padding:.72rem .95rem;display:flex;justify-content:space-between;align-items:center}
.aq-mth__t{font-size:.81rem;color:var(--tx)}
.aq-mth__v{font-family:'Josefin Slab',serif;font-size:.9rem;color:var(--pr);font-weight:600}

/* ── LIVE ── */
.aq-live-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin-top:1.35rem}
.aq-live-item{background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:1.1rem}
.aq-live-item__h{font-family:'Josefin Slab',serif;font-size:.9rem;font-weight:700;color:var(--pr);margin-bottom:.35rem}
.aq-live-item p{font-size:.85rem;line-height:1.6}

/* ── REVIEWS ── */
.aq-revs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.85rem;margin-top:1.35rem}
.aq-rev{background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:1.2rem}
.aq-rev__st{color:var(--go);font-size:.93rem;margin-bottom:.42rem}
.aq-rev__tx{font-size:.87rem;margin-bottom:.5rem;line-height:1.58}
.aq-rev__wh{font-size:.77rem;color:var(--mu)}

/* ── TRUST ── */
.aq-trust-list{margin-top:1.35rem;display:flex;flex-direction:column;gap:.6rem}
.aq-trust-item{background:var(--bg2);border:1px solid var(--bd);border-radius:9px;padding:.85rem 1.1rem;font-size:.87rem;line-height:1.62}
.aq-trust-item__h{font-family:'Josefin Slab',serif;font-weight:700;color:var(--wh);font-size:.9rem;margin-bottom:.28rem}

/* ── FAQ ── */
.aq-faq{display:flex;flex-direction:column;gap:.5rem;margin-top:1.35rem}
.aq-q{background:var(--bg2);border:1px solid var(--bd);border-radius:9px;overflow:hidden}
.aq-q summary{padding:.85rem 1.1rem;cursor:pointer;font-family:'Josefin Slab',serif;font-size:.9rem;font-weight:700;color:var(--wh);list-style:none;position:relative;padding-right:2rem}
.aq-q summary::after{content:'▸';position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--pr);font-size:.8rem;transition:transform .2s}
.aq-q[open] summary::after{transform:translateY(-50%) rotate(90deg)}
.aq-q p{padding:.75rem 1.1rem 1rem;font-size:.87rem;line-height:1.65;border-top:1px solid var(--bd)}

/* ── DIVIDER ── */
.aq-divider{border:none;border-top:1px solid var(--bd);margin:0}

/* ── AUTHOR ── */
.aq-author{background:var(--bg2);border-top:1px solid var(--bd);padding:2rem 1.5rem;max-width:1100px;margin:0 auto}
.aq-author__who{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mu);display:block;margin-bottom:.6rem}
.aq-author h2{font-size:1.1rem;margin-bottom:.7rem}
.aq-author p{font-size:.87rem;line-height:1.65;margin-bottom:.55rem;color:var(--tx)}
.aq-author__warn{color:var(--mu) !important}

/* ── FOOTER ── */
.aq-foot{background:var(--bg);border-top:1px solid var(--bd);padding:2rem 1.5rem}
.aq-foot__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;max-width:1100px;margin:0 auto 1.4rem}
.aq-foot__h{font-family:'Josefin Slab',serif;font-weight:700;color:var(--wh);font-size:.9rem;margin-bottom:.55rem}
.aq-foot p{font-size:.8rem;color:var(--mu);line-height:1.65;margin-bottom:.22rem}
.aq-foot__copy{font-size:.75rem;color:var(--mu);line-height:1.65;max-width:1100px;margin:0 auto;padding-top:1rem;border-top:1px solid var(--bd)}

@media(max-width:768px){
  .aq-top{flex-wrap:wrap;gap:.8rem}
  .aq-nav{display:none}
  .aq-hero{padding:2.4rem 1rem 1.8rem}
  .aq-sec{padding:2.2rem 1rem}
}
