/* HỒI ỨC V7 – visual layer for nap.php and login.php only.
   Safe with existing website forms and PHP; no inline style or external requests. */
body.hoiuc-v3-theme.hoiuc-v7-page {
  background-color: #081623;
  background-image:
    linear-gradient(180deg, rgba(4,12,22,.16) 0%, rgba(6,17,26,.49) 620px, #081623 1500px),
    url('/assets/hoiuc-v1/hoiuc-scenery.jpg');
  background-position: top center, top center;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 1600px, cover;
  color: #f5e8cc;
}
body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-hero {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  width: min(1210px, calc(100% - 36px));
  min-height: 310px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 22px auto 20px;
  border: 1px solid rgba(241,192,109,.77);
  border-radius: 15px;
  overflow: hidden;
  background: url('/assets/hoiuc-v1/hoiuc-scenery.jpg') center center / cover no-repeat;
  box-shadow: 0 20px 52px rgba(0,0,0,.40), inset 0 0 0 3px rgba(248,200,109,.06);
}
body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: '';
  pointer-events: none;
  background: linear-gradient(180deg, rgba(4,15,24,.08) 0%, rgba(4,15,24,.22) 46%, rgba(3,13,24,.56) 100%);
}
body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-hero-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 890px;
  padding: 36px 24px 25px;
  text-align: center;
}
body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-kicker {
  margin: 0 0 5px;
  color: #f8dbac;
  letter-spacing: .26em;
  font: 600 12px system-ui, sans-serif;
  text-shadow: 0 2px 7px rgba(0,0,0,.65);
}
body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-title {
  margin: 8px 0;
  color: #ffe0ab;
  font: italic 700 clamp(36px, 5.4vw, 65px)/1.14 Georgia, 'Times New Roman', serif;
  text-shadow: 0 2px 0 #593821, 0 9px 22px rgba(0,0,0,.85);
}
body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-subtitle {
  margin: 8px 0 20px;
  color: #f9e7c6;
  font-size: clamp(12px, 1.3vw, 15px);
  letter-spacing: .09em;
  text-shadow: 0 2px 7px rgba(0,0,0,.75);
}
body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-links a {
  display: inline-flex;
  flex: 0 1 215px;
  justify-content: center;
  align-items: center;
  min-width: 138px;
  box-sizing: border-box;
  padding: 12px 18px;
  border: 1px solid rgba(240,191,108,.89);
  border-radius: 11px;
  background: linear-gradient(180deg, rgba(30,48,61,.52), rgba(4,20,31,.49));
  box-shadow: inset 0 1px 0 rgba(250,222,163,.28), 0 9px 21px rgba(0,0,0,.28);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  color: #ffe9bd;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}
body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-links a:hover {
  transform: translateY(-2px);
  background: linear-gradient(180deg, rgba(110,59,35,.62), rgba(48,28,26,.54));
}
body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-links a:focus-visible {
  outline: 2px solid #ffe09e;
  outline-offset: 3px;
}
/* Scope card decoration to these two pages. No form controls, amounts, QR or actions are altered. */
body.hoiuc-v3-theme.hoiuc-v7-page main .card,
body.hoiuc-v3-theme.hoiuc-v7-page main .panel,
body.hoiuc-v3-theme.hoiuc-v7-page main .section-card,
body.hoiuc-v3-theme.hoiuc-v7-page main .box {
  border-color: rgba(204,164,91,.65);
  box-shadow: 0 12px 36px rgba(0,0,0,.30);
}
/* Hide only identified, decorative legacy banner assets (not functional content). */
body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-legacy-poster { display: none !important; }
@media (max-width: 640px) {
  body.hoiuc-v3-theme.hoiuc-v7-page { background-size: 100% 1200px, auto 900px; }
  body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-hero {
    width: calc(100% - 20px);
    min-height: 290px;
    margin-top: 16px;
  }
  body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-hero-inner { padding: 35px 16px 22px; }
  body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-title { font-size: clamp(33px, 9vw, 51px); }
  body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-links { gap: 9px; }
  body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-links a {
    flex: 1 1 calc(50% - 9px);
    padding: 11px 9px;
    font-size: 15px;
    min-width: 120px;
  }
}
@media (max-width: 360px) {
  body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-links a { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  body.hoiuc-v3-theme.hoiuc-v7-page .hoiuc-v7-links a { transition: none; }
}