/* =========================================================
   AXQA SIMPLE INFO PAGES
   404 + About Us
   ========================================================= */

.axqa-info-page{
  --ip-bg:#07111f;
  --ip-panel:#0c192a;
  --ip-border:rgba(129,159,200,.14);
  --ip-soft:rgba(129,159,200,.085);
  --ip-text:#edf4fc;
  --ip-muted:#91a2b9;
  --ip-violet:#8e7cff;
  --ip-teal:#36dacb;
  position:relative;
  min-height:100vh;
  padding:118px 0 82px;
  color:var(--ip-text);
  background:
    radial-gradient(circle at 10% 8%,rgba(111,88,239,.075),transparent 25%),
    radial-gradient(circle at 90% 17%,rgba(54,218,203,.04),transparent 22%),
    #07111f;
  overflow:hidden;
}
.axqa-info-page *{box-sizing:border-box}

.axqa-info-grid{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:
    linear-gradient(rgba(105,137,177,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(105,137,177,.04) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,#000,transparent 84%);
}
.axqa-info-glow{
  position:absolute;
  width:420px;height:420px;
  border-radius:50%;
  filter:blur(115px);
  pointer-events:none;
}
.axqa-info-glow.one{
  left:-180px;top:170px;
  background:rgba(113,90,242,.07);
}
.axqa-info-glow.two{
  right:-180px;top:420px;
  background:rgba(54,218,203,.035);
}
.axqa-info-container{
  position:relative;
  z-index:2;
  width:min(980px,calc(100% - 40px));
  margin:0 auto;
}
.axqa-info-container.status-width{width:min(590px,calc(100% - 40px))}
.axqa-info-container.about-width{width:min(1040px,calc(100% - 40px))}

.axqa-info-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#8c80ec;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.13em;
}
.axqa-info-kicker>i{
  width:7px;height:7px;
  border-radius:50%;
  background:var(--ip-teal);
  box-shadow:0 0 13px rgba(54,218,203,.7);
}
.axqa-info-kicker.muted{
  color:#8c9bad;
}
.axqa-info-kicker.muted>i{
  background:#7f90a4;
  box-shadow:none;
}

/* 404 */
.axqa-404-page{
  display:flex;
  align-items:center;
  padding-top:105px;
}
.axqa-404-card{
  padding:36px 32px;
  text-align:center;
  border:1px solid var(--ip-border);
  border-radius:22px;
  background:linear-gradient(150deg,rgba(14,29,49,.965),rgba(7,17,29,.99));
  box-shadow:0 28px 75px rgba(0,0,0,.2);
}
.axqa-404-code{
  margin-bottom:4px;
  color:#aa9cff;
  font-family:Georgia,serif;
  font-size:clamp(3.5rem,9vw,6.2rem);
  font-weight:700;
  line-height:.9;
  letter-spacing:-.06em;
}
.axqa-404-image{
  max-width:190px;
  margin:0 auto 15px;
  opacity:.85;
}
.axqa-404-image img{
  display:block;
  width:100%;
  height:auto;
}
.axqa-404-card h1{
  margin:10px 0 10px;
  color:#f2f6fb;
  font-family:Georgia,serif;
  font-size:clamp(2rem,4vw,2.9rem);
  line-height:1.05;
}
.axqa-404-card>p{
  margin:0;
  color:#95a6bb;
  font-size:.94rem;
  line-height:1.65;
}
.axqa-404-note{
  display:flex;
  gap:9px;
  align-items:flex-start;
  margin:20px 0 0;
  padding:12px;
  text-align:left;
  border:1px solid var(--ip-soft);
  border-radius:11px;
  background:rgba(8,19,33,.42);
  color:#7e91a7;
  font-size:.71rem;
}
.axqa-404-note i{
  color:#8f82ee;
  margin-top:2px;
}
.axqa-info-btn{
  min-height:47px;
  margin-top:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 16px;
  border-radius:11px;
  font-size:.79rem;
  font-weight:800;
  text-decoration:none;
}
.axqa-info-btn.primary{
  color:#fff;
  border:1px solid rgba(142,124,255,.42);
  background:linear-gradient(135deg,#7b68f6,#6150db);
  box-shadow:0 12px 26px rgba(97,80,219,.18);
}
.axqa-info-btn:hover{
  color:#fff;
  transform:translateY(-2px);
}

/* About */
.axqa-about-header{
  margin-bottom:24px;
  max-width:820px;
}
.axqa-about-header h1{
  margin:10px 0 12px;
  color:#f2f6fb;
  font-family:Georgia,serif;
  font-size:clamp(2.4rem,4.5vw,3.6rem);
  line-height:1.03;
  letter-spacing:-.04em;
}
.axqa-about-header h1 em{
  color:#aa9cff;
  font-style:italic;
}
.axqa-about-header>p{
  margin:0;
  color:#95a6bb;
  font-size:.96rem;
  line-height:1.72;
}
.axqa-about-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.axqa-about-card{
  min-height:245px;
  padding:22px;
  border:1px solid var(--ip-border);
  border-radius:18px;
  background:linear-gradient(150deg,rgba(14,29,49,.93),rgba(7,17,29,.97));
  transition:.22s ease;
}
.axqa-about-card:hover{
  transform:translateY(-4px);
  border-color:rgba(142,124,255,.25);
}
.axqa-about-card-icon{
  width:42px;height:42px;
  display:grid;
  place-items:center;
  margin-bottom:15px;
  border-radius:13px;
  color:#a99bff;
  background:rgba(142,124,255,.07);
  border:1px solid rgba(142,124,255,.13);
}
.axqa-about-card-icon.teal{
  color:#63ddd1;
  background:rgba(54,218,203,.045);
  border-color:rgba(54,218,203,.12);
}
.axqa-about-card>small{
  color:#61748b;
  font-size:.67rem;
  letter-spacing:.1em;
}
.axqa-about-card h2{
  margin:5px 0 9px;
  color:#e9f0f9;
  font-family:Georgia,serif;
  font-size:1.2rem;
  line-height:1.25;
}
.axqa-about-card p{
  margin:0;
  color:#8fa1b7;
  font-size:.82rem;
  line-height:1.68;
}
.axqa-about-final{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:17px;
  align-items:start;
  margin-top:16px;
  padding:23px;
  border:1px solid rgba(142,124,255,.16);
  border-radius:18px;
  background:
    radial-gradient(circle at 90% 10%,rgba(54,218,203,.04),transparent 28%),
    linear-gradient(150deg,rgba(14,29,49,.94),rgba(7,17,29,.98));
}
.axqa-about-final-icon{
  width:52px;height:52px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#a99bff;
  background:rgba(142,124,255,.07);
  border:1px solid rgba(142,124,255,.13);
}
.axqa-about-final h2{
  margin:8px 0 12px;
  color:#e7eef8;
  font-family:Georgia,serif;
  font-size:1.35rem;
  line-height:1.4;
}
.axqa-about-final .float-right{
  float:none!important;
  margin:0!important;
  color:#64788f;
  font-size:.7rem;
}

@media(max-width:760px){
  .axqa-info-page{
    padding:96px 0 60px;
  }
  .axqa-info-container,
  .axqa-info-container.status-width,
  .axqa-info-container.about-width{
    width:min(100% - 24px,1040px);
  }
  .axqa-404-card{
    padding:25px 19px;
    border-radius:18px;
  }
  .axqa-about-grid{
    grid-template-columns:1fr;
  }
  .axqa-about-card{
    min-height:auto;
  }
  .axqa-about-final{
    grid-template-columns:1fr;
  }
}