/* Isolated QR layout: preserve the logo's natural proportions. */
.quick-page {
  background: radial-gradient(ellipse 380px 290px at 50% 80px, #173237 0%, #0b1012 100%);
}
.quick-main {
  width: 100%;
  max-width: 448px;
  padding: 20px 22px max(24px, env(safe-area-inset-bottom));
}
.quick-home {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  font-size: 12px;
}
.quick-logo {
  display: block;
  width: 164px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1620 / 971;
  object-fit: contain;
  margin: 2px auto 0;
}
.quick-main h1 {
  font-size: 34px;
  line-height: 1.15;
  letter-spacing: -1.3px;
  margin: 1px 0 8px;
}
.quick-tagline { font-size: 12px; margin: 0; }
.quick-intro {
  font-size: 12px;
  line-height: 1.7;
  margin: 19px auto 21px;
}
.quick-links { gap: 10px; }
.quick-links > a {
  min-height: 76px;
  padding: 14px 17px;
  gap: 14px;
  border-radius: 10px;
  transition: background .2s, border-color .2s;
}
.quick-links > a > span { min-width: 0; }
.quick-links strong { font-size: 14px; line-height: 1.5; }
.quick-links small { font-size: 11px; line-height: 1.5; margin-top: 3px; }
.quick-links svg {
  display: block;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: var(--cyan);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.quick-links .quick-primary svg { stroke: #10272a; }
.quick-links > a:hover { background: #203337; }
.quick-links > .quick-primary:hover { background: #a1fff5; }
.quick-footer { font-size: 11px; line-height: 1.7; margin: 22px 0 0; }
@media (max-width: 360px) {
  .quick-main { padding-inline: 16px; }
  .quick-links > a { padding-inline: 14px; gap: 10px; }
  .quick-links strong { font-size: 13px; }
}

/* Shared brand treatment: compact neural-eye emblem and luminous panels. */
.leal-site.quick-page { background: #080e12; }
.quick-main { position: relative; }
.quick-emblem {
  position: relative;
  isolation: auto;
  width: 194px;
  margin: 2px auto 0;
  padding-block: 8px;
  background: radial-gradient(ellipse, #38d8e21c, transparent 70%);
}
.quick-emblem::before {
  content: '';
  position: absolute;
  z-index: 0;
  width: 111px;
  height: 111px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #79e7e42e;
  border-radius: 50%;
  box-shadow: 0 0 0 9px #62e6df05;
}
.quick-emblem .quick-logo { margin: 0 auto; }
.quick-main h1 { font-weight: 600; }
.quick-intro { margin-top: 16px; }
.quick-links > a {
  background: linear-gradient(120deg, #182d35, #101c24);
  border-color: #3a606b;
  box-shadow: inset 0 1px 0 #d5fffa08, 0 6px 20px #0002;
}
.quick-links > a:hover { border-color: #8af7eb; background: #1c3740; }
.quick-links > a > svg {
  box-sizing: content-box;
  padding: 6px;
  border: 1px solid #7ae9e32e;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  flex-basis: 16px;
}
.quick-links > .quick-primary { border-color: #aefff4; }
.quick-links > .quick-primary > svg { border-color: #12495040; }
.quick-footer::before {
  content: '';
  display: block;
  width: 42px;
  height: 1px;
  margin: 0 auto 15px;
  background: #74e6df66;
}