:root{
  --az-bg0:#07090d;
  --az-bg1:#0b0f19;
  --az-panel:#0f1524;
  --az-panel2:#121a2d;
  --az-text:#e9eef8;
  --az-muted:#a4afc4;
  --az-line:rgba(255,255,255,.08);
  --az-accent:#ff1f3a;
  --az-accent2:#ff4d5e;
  --az-radius:18px;
  --az-shadow: 0 18px 60px rgba(0,0,0,.45);
  --az-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family:var(--az-font);
  color:var(--az-text);
  background: radial-gradient(1400px 800px at 20% -10%, rgba(255,31,58,.12), transparent 65%),
              radial-gradient(900px 600px at 90% 0%, rgba(255,31,58,.10), transparent 55%),
              linear-gradient(180deg, var(--az-bg0), var(--az-bg1));
  overflow-x:hidden;
}

.az-bg{
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.85;
  background:
    radial-gradient(1200px 700px at 50% 120%, rgba(255,31,58,.10), transparent 65%),
    radial-gradient(900px 600px at 15% 20%, rgba(255,255,255,.05), transparent 55%);
  mix-blend-mode:screen;
  filter: blur(0px);
  animation: azBgShift 10s ease-in-out infinite alternate;
}
@keyframes azBgShift{
  from{ transform: translate3d(0,0,0) scale(1); opacity:.72; }
  to{ transform: translate3d(0,-10px,0) scale(1.01); opacity:.9; }
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; height:auto; display:block; }

.az-container{
  width:min(1140px, calc(100% - 44px));
  margin-inline:auto;
}

.az-main{ min-height:60vh; }

.az-header{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter: blur(14px);
  background: rgba(8,10,14,.55);
  border-bottom:1px solid var(--az-line);
}
.az-header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 0;
}

.az-brand{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:220px;
}
.custom-logo{ height:46px; width:auto; }
.custom-logo-link{ display:inline-flex; align-items:center; gap:10px; }
.az-brand__text{ font-weight:800; letter-spacing:.6px; }
.az-brand__tagline{ font-size:12px; color:var(--az-muted); }

.az-nav__menu{
  list-style:none;
  display:flex;
  gap:16px;
  margin:0;
  padding:0;
  align-items:center;
}
.az-nav__menu a{
  display:inline-flex;
  padding:10px 12px;
  border-radius:12px;
  color:var(--az-muted);
  transition: transform .2s ease, background .2s ease, color .2s ease;
}
.az-nav__menu a:hover{
  background: rgba(255,255,255,.06);
  color:var(--az-text);
  transform: translateY(-1px);
}

.az-section{ padding:56px 0; }
.az-section--alt{ border-top:1px solid var(--az-line); border-bottom:1px solid var(--az-line); background: rgba(255,255,255,.02); }

.az-hero{ padding:56px 0 30px; }
.az-hero__inner{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:22px;
  align-items:stretch;
}
@media (max-width: 920px){
  .az-hero__inner{ grid-template-columns:1fr; }
  .az-brand{ min-width:unset; }
}

.az-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  font-weight:700;
  letter-spacing:.12em;
  font-size:11px;
  background: rgba(255,31,58,.12);
  border:1px solid rgba(255,31,58,.25);
  color: var(--az-text);
  width:fit-content;
}

.az-hero__title{
  margin:12px 0 10px;
  font-size: clamp(34px, 5vw, 52px);
  line-height:1.02;
  letter-spacing:-.02em;
}
.az-hero__subtitle{
  margin:0 0 18px;
  color: var(--az-muted);
  font-size: 15px;
  line-height:1.6;
  max-width: 62ch;
}

.az-hero__actions{ display:flex; flex-wrap:wrap; gap:10px; }

.az-hero__panelCard{
  height:100%;
  border-radius: var(--az-radius);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid var(--az-line);
  box-shadow: var(--az-shadow);
  padding:18px;
  position:relative;
  overflow:hidden;
}
.az-hero__panelCard:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(600px 320px at 80% 10%, rgba(255,31,58,.18), transparent 55%);
  opacity:.9;
  pointer-events:none;
}

.az-kpis{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
  margin-top:14px;
  position:relative;
}
.az-kpi{
  border-radius: 16px;
  background: rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.06);
  padding:12px;
}
.az-kpi__n{ font-size:20px; font-weight:800; }
.az-kpi__l{ font-size:11px; letter-spacing:.06em; color:var(--az-muted); text-transform:uppercase; }

.az-section__head{ margin-bottom:16px; }
.az-section__foot{ margin-top:14px; }

.az-h1{ margin:0 0 8px; font-size: 34px; letter-spacing:-.02em; }
.az-h2{ margin:0 0 6px; font-size: 24px; letter-spacing:-.01em; }
.az-h3{ margin:0 0 6px; font-size: 18px; letter-spacing:-.01em; }

.az-muted{ color: var(--az-muted); }
.az-small{ font-size: 12px; }

.az-grid{ display:grid; gap:14px; }
.az-grid--cards{ grid-template-columns: repeat(3, 1fr); }
.az-grid--posts{ grid-template-columns: repeat(2, 1fr); }
.az-grid--split{ grid-template-columns: 1fr 1fr; }
.az-grid--sponsors{ grid-template-columns: repeat(4, 1fr); }
@media (max-width: 980px){
  .az-grid--cards{ grid-template-columns: repeat(2, 1fr); }
  .az-grid--posts{ grid-template-columns: 1fr; }
  .az-grid--split{ grid-template-columns: 1fr; }
  .az-grid--sponsors{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .az-grid--cards{ grid-template-columns: 1fr; }
  .az-grid--sponsors{ grid-template-columns: 1fr; }
}

.az-card{
  border-radius: var(--az-radius);
  background: rgba(255,255,255,.03);
  border:1px solid var(--az-line);
  box-shadow: 0 14px 50px rgba(0,0,0,.35);
  overflow:hidden;
  position:relative;
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.az-card:hover{
  transform: translateY(-3px);
  border-color: rgba(255,31,58,.22);
  background: rgba(255,255,255,.04);
}
.az-card__link{ display:block; height:100%; }
.az-card__media{ position:relative; aspect-ratio: 16/9; background: rgba(0,0,0,.25); }
.az-card__media img{ width:100%; height:100%; object-fit:cover; }

.az-card__media--avatar{ aspect-ratio: 1/1; }
.az-card__media--avatar img{ object-fit:cover; }

.az-card__media--logo{ aspect-ratio: 3/1; display:flex; align-items:center; justify-content:center; padding:14px; }
.az-card__media--logo img{ width:100%; height:100%; object-fit:contain; filter: saturate(1.05); }

.az-card__placeholder{
  width:100%; height:100%;
  background: linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
}
.az-float{
  position:absolute;
  top:12px;
  left:12px;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.10);
  font-size: 11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.az-card__body{ padding:14px; }
.az-card__title{ margin:0 0 8px; font-size: 16px; letter-spacing:-.01em; }
.az-card__meta{ margin:0 0 10px; font-size: 12px; color:var(--az-muted); }
.az-card__excerpt{ margin:0; color:var(--az-muted); line-height:1.55; }
.az-card__chips{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }

.az-card--big{ padding:18px; }

.az-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(255,31,58,.12);
  border:1px solid rgba(255,31,58,.22);
  font-size: 11px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.az-pill--soft{
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.08);
  color: var(--az-muted);
}

.az-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: var(--az-text);
  font-weight:700;
  letter-spacing:.01em;
  cursor:pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
  user-select:none;
}
.az-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.06); }
.az-btn--accent{
  background: linear-gradient(180deg, var(--az-accent), var(--az-accent2));
  border-color: rgba(255,31,58,.35);
  box-shadow: 0 18px 52px rgba(255,31,58,.18);
}
.az-btn--ghost{ background: transparent; border-color: rgba(255,255,255,.12); }
.az-btn--soft{ background: rgba(255,31,58,.12); border-color: rgba(255,31,58,.22); }
.az-btn--wide{ width:100%; padding:12px 14px; }

.az-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color: var(--az-text);
  font-weight:700;
  opacity:.92;
}
.az-link:hover{ opacity:1; }

.az-list{ display:flex; flex-direction:column; gap:10px; margin:12px 0; }
.az-list__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-radius:14px;
  background: rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.az-list__item:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.04);
  border-color: rgba(255,31,58,.18);
}
.az-list__title{ font-weight:700; }
.az-list__meta{ color:var(--az-muted); font-size:12px; }

.az-embed iframe{ width:100%; max-width:100%; border-radius: 16px; border:1px solid rgba(255,255,255,.08); }

.az-content{
  line-height:1.75;
  color: var(--az-text);
}
.az-content p{ color: var(--az-muted); }
.az-content h2, .az-content h3{ color: var(--az-text); }
.az-content a{ text-decoration: underline; text-decoration-color: rgba(255,31,58,.35); }

.az-pagination{ margin-top:18px; }

.az-footer{
  border-top:1px solid var(--az-line);
  background: rgba(0,0,0,.25);
  padding: 22px 0;
}
.az-footer__inner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.az-footer__brand{ display:flex; gap:10px; align-items:baseline; }
.az-footer__name{ font-weight:800; letter-spacing:.04em; }
.az-footer__meta{ color: var(--az-muted); font-size: 12px; }

.az-footer__menu{
  list-style:none;
  display:flex;
  gap:12px;
  margin:0;
  padding:0;
  flex-wrap:wrap;
}
.az-footer__menu a{
  color: var(--az-muted);
  padding:8px 10px;
  border-radius:12px;
}
.az-footer__menu a:hover{
  background: rgba(255,255,255,.05);
  color: var(--az-text);
}

.az-footer__socials{ display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; }
.az-social{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: var(--az-muted);
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.az-social:hover{
  transform: translateY(-1px);
  color: var(--az-text);
  border-color: rgba(255,31,58,.20);
  background: rgba(255,255,255,.04);
}
.az-ic{ font-weight:800; opacity:.95; }

.az-discord__note{
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.07);
  color: var(--az-muted);
  margin-bottom: 10px;
}
.az-discord__widget{ margin-top: 12px; }

.az-matchTop{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }

/* Forms */
.az-form{ display:grid; gap:10px; margin-top: 10px; }
.az-form__row{ display:grid; gap:8px; }
.az-form label{ font-weight:700; font-size: 12px; letter-spacing:.06em; text-transform:uppercase; color: var(--az-muted); }
.az-input, .az-textarea, .az-select{
  width:100%;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
  color: var(--az-text);
  outline: none;
}
.az-textarea{ min-height: 110px; resize: vertical; }
.az-input:focus, .az-textarea:focus, .az-select:focus{
  border-color: rgba(255,31,58,.35);
  box-shadow: 0 0 0 3px rgba(255,31,58,.10);
}
.az-form__grid2{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
@media (max-width: 700px){ .az-form__grid2{ grid-template-columns: 1fr; } }

.az-alert{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: var(--az-muted);
}
.az-alert--ok{ border-color: rgba(60,220,140,.25); }
.az-alert--err{ border-color: rgba(255,31,58,.30); }

.az-mt{ margin-top: 14px; }

/* Sticky CTA */
.az-stickyCta{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 60;
  opacity: 0;
  transform: translate3d(0, 10px, 0);
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
}
.az-stickyCta.is-visible{
  opacity: 1;
  transform: translate3d(0,0,0);
  pointer-events: auto;
}

.az-hp{ display:none !important; }