:root {
  --bg: #02060d;
  --bg-deep: #01040a;
  --panel: rgba(6, 16, 27, .96);
  --panel-2: rgba(8, 21, 35, .96);
  --line: rgba(32, 91, 133, .72);
  --line-soft: rgba(27, 74, 109, .58);
  --blue: #21b9ff;
  --blue-2: #0b6cff;
  --blue-3: #1b3fff;
  --orange: #ff7a14;
  --orange-2: #ff4d00;
  --green: #47e77d;
  --text: #f4f8ff;
  --muted: #9db1c2;
  --muted-2: #748ca1;
  --radius: 18px;
  --blue-glow: 0 0 0 1px rgba(37, 152, 255, .18), 0 0 30px rgba(0, 116, 255, .13);
  --orange-glow: 0 0 0 1px rgba(255, 109, 20, .16), 0 0 26px rgba(255, 81, 0, .11);
  --shadow: 0 22px 70px rgba(0, 0, 0, .36);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  font-family: "Segoe UI Variable", "Segoe UI", Tahoma, Arial, sans-serif;
  background:
    radial-gradient(circle at 48% -10%, rgba(0, 89, 188, .18), transparent 36%),
    radial-gradient(circle at 12% 21%, rgba(0, 127, 255, .08), transparent 24%),
    radial-gradient(circle at 88% 18%, rgba(255, 76, 0, .045), transparent 22%),
    linear-gradient(180deg, #010409 0%, #03101a 53%, #02070c 100%);
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .24;
  background-image:
    linear-gradient(rgba(29, 86, 126, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29, 86, 126, .07) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 24%, transparent 84%);
  z-index: -3;
}

.site-noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 999;
  opacity: .018;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
input, button { font: inherit; }
.container { width: min(1560px, calc(100% - 44px)); margin: 0 auto; }

.topbar {
  position: sticky;
  top: 0;
  z-index: 80;
  background: rgba(2, 6, 13, .92);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(31, 91, 135, .46);
  box-shadow: 0 10px 36px rgba(0, 0, 0, .18);
}

.nav-shell {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.brand { display: inline-flex; align-items: center; gap: 10px; min-width: max-content; }
.brand-mark {
  width: 74px;
  height: 74px;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  background: radial-gradient(circle at 50% 35%, rgba(22, 75, 125, .28), rgba(5, 18, 31, .18) 60%, transparent 72%);
  filter: drop-shadow(0 0 13px rgba(0, 129, 255, .24));
}
.brand-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  inset: auto;
  transform: none;
}
.brand-name { font-family: "Bahnschrift SemiCondensed", "Segoe UI", sans-serif; font-size: 28px; font-weight: 800; font-style: italic; letter-spacing: -1px; }
.brand-name span { color: var(--blue); }

.nav-links { display: flex; align-items: center; gap: 33px; font-size: 13px; font-weight: 850; }
.nav-links a { position: relative; color: #e8f2fb; padding: 8px 0; opacity: .93; }
.nav-links a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -19px;
  height: 2px;
  transform: scaleX(0);
  background: linear-gradient(90deg, var(--blue-2), var(--blue));
  box-shadow: 0 0 14px rgba(0, 144, 255, .8);
  transition: .18s ease;
}
.nav-links a:hover::after, .nav-links a.active::after { transform: scaleX(1); }

.nav-actions { display: flex; gap: 10px; align-items: center; }
.button {
  font-family: "Bahnschrift", "Segoe UI", sans-serif;
  min-height: 44px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  border: 1px solid rgba(46, 135, 198, .58);
  color: white;
  background: #07111d;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .01em;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.button:hover { transform: translateY(-1px); border-color: rgba(66, 180, 255, .84); box-shadow: 0 0 24px rgba(0, 127, 255, .14); }
.button-blue { background: linear-gradient(90deg, #075bff, #1bbcff); border-color: #34c1ff; box-shadow: 0 0 23px rgba(0, 122, 255, .22); }
.button-orange { background: linear-gradient(90deg, #ff4c00, #ff7b12); border-color: #ff9a57; box-shadow: 0 0 24px rgba(255, 92, 0, .21); }
.button-dark { background: rgba(5, 13, 23, .96); }
.button-large { min-height: 49px; padding: 0 25px; }
.button-full { width: 100%; }

.hero { padding: 22px 0 4px; position: relative; }
.hero::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 0;
  height: 520px;
  background:
    radial-gradient(circle at 52% 40%, rgba(0, 108, 255, .16), transparent 33%),
    linear-gradient(90deg, transparent, rgba(0, 123, 255, .025), transparent);
  pointer-events: none;
}

.hero-shell {
  display: grid;
  grid-template-columns: 1.07fr .95fr .88fr;
  gap: 16px;
  min-height: 535px;
  align-items: stretch;
}

.hero-copy {
  padding: 38px 30px 31px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(23, 68, 102, .58);
  border-radius: var(--radius);
  background:
    linear-gradient(90deg, rgba(6, 17, 29, .94), rgba(5, 13, 23, .88)),
    radial-gradient(circle at 90% 0%, rgba(0, 92, 255, .11), transparent 42%);
  box-shadow: var(--blue-glow), var(--shadow);
  position: relative;
  overflow: hidden;
}
.hero-copy::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(34, 137, 255, .05), transparent 26%, transparent 66%, rgba(255, 81, 0, .04));
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 7px 10px;
  border: 1px solid rgba(35, 121, 178, .62);
  border-radius: 999px;
  background: rgba(5, 25, 42, .74);
  color: #5bceff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .03em;
  margin-bottom: 20px;
}
.eyebrow span { width: 6px; height: 6px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 10px rgba(255, 96, 0, .7); }
.hero-title {
  margin: 0 0 21px;
  max-width: 700px;
  font-family: "Bahnschrift SemiCondensed", "Bahnschrift", "Arial Narrow", "Segoe UI", sans-serif;
  font-size: clamp(42px, 3.05vw, 55px);
  font-weight: 800;
  line-height: .92;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  text-wrap: balance;
}
.hero-title-line { display: block; white-space: nowrap; }
.hero-title-top {
  color: #f7fbff;
  text-shadow: 0 2px 0 rgba(80, 118, 153, .22), 0 8px 24px rgba(0, 0, 0, .28);
}
.hero-title-bottom {
  margin-top: 7px;
  color: #f4f8ff;
  text-shadow: 0 2px 0 rgba(80, 118, 153, .18), 0 8px 24px rgba(0, 0, 0, .28);
}
.hero-title strong {
  font-weight: 900;
  color: #ff6c08;
  background: linear-gradient(180deg, #ff9a2b 0%, #ff6a08 52%, #ff4b00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 3px 9px rgba(255, 82, 0, .18));
}
.hero-copy > p { margin: 0 0 25px; max-width: 650px; color: #c7d5e1; font-size: 16px; line-height: 1.62; letter-spacing: .01em; }

.hero-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-bottom: 24px; }
.hero-feature { min-width: 0; display: flex; align-items: center; gap: 9px; }
.feature-symbol {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 50% 38%, rgba(15, 58, 94, .95), rgba(4, 16, 28, .96));
  border: 1px solid rgba(38, 151, 218, .78);
  box-shadow: inset 0 0 22px rgba(0, 126, 255, .07), 0 0 15px rgba(0, 123, 255, .08);
}
.hero-feature b { display: block; color: #51d0ff; font-family: "Bahnschrift", "Segoe UI", sans-serif; font-size: 11px; font-weight: 800; letter-spacing: .02em; margin-bottom: 3px; }
.hero-feature small { color: #e0e9f1; font-size: 10.5px; line-height: 1.3; display: block; }
.hero-cta { display: flex; gap: 12px; margin-bottom: 13px; }
.compatibility { color: #8fa5b7; font-size: 11px; line-height: 1.5; }

.hero-emblem {
  border-radius: var(--radius);
  position: relative;
  overflow: hidden;
  min-height: 100%;
  border: 1px solid rgba(22, 76, 115, .58);
  background:
    radial-gradient(circle at 50% 41%, rgba(3, 110, 255, .21), transparent 38%),
    linear-gradient(180deg, rgba(4, 13, 24, .93), rgba(3, 10, 18, .98));
  box-shadow: var(--blue-glow), var(--shadow);
}
.hero-emblem::before {
  content: "";
  position: absolute;
  inset: -80px;
  background:
    repeating-radial-gradient(circle at center, rgba(15, 123, 255, .18) 0 1px, transparent 1px 36px),
    conic-gradient(from 0deg, transparent 0 5%, rgba(11, 121, 255, .09) 5% 6%, transparent 6% 15%, rgba(11, 121, 255, .08) 15% 16%, transparent 16% 25%, rgba(255, 95, 0, .05) 25% 26%, transparent 26% 100%);
  opacity: .92;
}
.hero-emblem::after {
  content: "";
  position: absolute;
  inset: 9%;
  border: 1px solid rgba(56, 151, 255, .20);
  clip-path: polygon(15% 0, 85% 0, 100% 16%, 100% 84%, 84% 100%, 16% 100%, 0 84%, 0 16%);
  box-shadow: inset 0 0 32px rgba(0, 116, 255, .08);
}
.emblem-hud { position: absolute; inset: 13%; border-radius: 50%; border: 1px dashed rgba(48, 153, 255, .20); }
.hud-one { animation: spin 45s linear infinite; }
.hud-two { inset: 19%; border-style: solid; border-color: rgba(48, 153, 255, .11); animation: spinReverse 60s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes spinReverse { to { transform: rotate(-360deg); } }
.emblem-glow { position: absolute; inset: 15%; border-radius: 50%; background: radial-gradient(circle, rgba(0, 123, 255, .28), rgba(0, 123, 255, .04) 48%, transparent 69%); filter: blur(10px); }
.emblem-image {
  position: absolute;
  inset: 3% 0 10%;
  background-image: url('assets/primenex-logo-web.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 96% auto;
  filter: drop-shadow(0 0 26px rgba(0, 125, 255, .34));
}
.emblem-tagline { position: absolute; left: 0; right: 0; bottom: 25px; text-align: center; font-size: 16px; font-weight: 900; letter-spacing: .045em; text-shadow: 0 3px 20px #000; }
.emblem-tagline span { color: var(--orange); }

.hero-account { display: grid; grid-template-rows: 1fr auto; gap: 16px; }
.glass-panel {
  border: 1px solid rgba(39, 99, 142, .72);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(8, 20, 34, .97), rgba(5, 14, 24, .98));
  box-shadow: var(--blue-glow), var(--shadow);
  position: relative;
  overflow: hidden;
}
.glass-panel::before { content: ""; position: absolute; inset: 0; background: linear-gradient(145deg, rgba(20, 117, 255, .055), transparent 31%, transparent 66%, rgba(255, 83, 0, .035)); pointer-events: none; }
.panel-corners::before,
.panel-corners::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 16px;
  border-top: 2px solid rgba(31, 164, 255, .7);
  top: 7px;
}
.panel-corners::before { left: 11px; border-left: 2px solid rgba(31, 164, 255, .7); }
.panel-corners::after { right: 11px; border-right: 2px solid rgba(31, 164, 255, .7); }
.account-card { padding: 24px 26px; }
.account-card h2 { margin: 0 0 6px; font-size: 25px; text-align: center; }
.account-card > p { margin: 0 0 18px; color: #9db2c3; text-align: center; font-size: 13px; }
.input-wrap { display: grid; gap: 7px; margin-bottom: 13px; position: relative; z-index: 2; }
.input-wrap > span { font-size: 12px; font-weight: 750; color: #d7e4ee; }
.input-wrap input { width: 100%; height: 43px; padding: 0 13px; color: white; background: rgba(4, 13, 23, .96); border: 1px solid rgba(31, 80, 116, .9); border-radius: 8px; outline: 0; }
.input-wrap input:focus { border-color: #37bcff; box-shadow: 0 0 0 3px rgba(0, 160, 255, .09); }
.account-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 2px 0 14px; font-size: 11px; color: #b9c9d6; }
.account-row a { color: #5ed0ff; }
.or { display: flex; align-items: center; gap: 10px; margin: 13px 0; color: #829aac; font-size: 11px; }
.or::before, .or::after { content: ""; flex: 1; height: 1px; background: rgba(33, 78, 112, .7); }
.signup-copy { margin-top: 11px; text-align: center; color: #97adbd; font-size: 11px; }
.signup-copy a { color: #48c6ff; }
.quick-benefits { min-height: 146px; padding: 18px 20px; display: grid; grid-template-columns: 115px 1fr; align-items: center; gap: 15px; }
.quick-logo { display: grid; gap: 4px; justify-items: center; font-weight: 900; font-size: 14px; }
.quick-logo-art {
  width: 106px;
  height: 90px;
  display: block;
  background: url('assets/primenex-logo-web.png') center/contain no-repeat;
  filter: drop-shadow(0 0 10px rgba(0, 129, 255, .18));
}
.quick-benefits ul { margin: 0; padding-left: 17px; display: grid; gap: 8px; font-size: 11px; color: #d8e5ef; }
.quick-benefits li::marker { color: #29baff; }

.proof-strip {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(31, 83, 121, .72);
  background: #06111c;
  box-shadow: var(--blue-glow);
}
.proof-strip > div { min-height: 72px; padding: 14px 18px; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 11px; align-items: center; border-right: 1px solid rgba(31, 83, 121, .5); }
.proof-strip > div:last-child { border-right: 0; }
.proof-icon { grid-row: 1 / 3; width: 30px; height: 30px; display: grid; place-items: center; color: #26baff; }
.proof-icon svg { width: 23px; height: 23px; fill: none; stroke: #35c5ff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 5px rgba(0,177,255,.24)); }
.proof-strip strong { font-size: 13px; }
.proof-strip small { color: #859daf; font-size: 11px; }

.split-showcase { padding: 17px 0 29px; }
.split-grid { display: grid; grid-template-columns: 1fr 1.18fr; gap: 17px; align-items: start; }
.left-column, .right-column { display: grid; gap: 17px; }
.section-card {
  border: 1px solid rgba(28, 78, 115, .72);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(7, 18, 31, .97), rgba(4, 13, 22, .98));
  box-shadow: var(--blue-glow), var(--shadow);
  position: relative;
  overflow: hidden;
}
.section-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgba(20, 117, 255, .035), transparent 30%, transparent 68%, rgba(255, 90, 0, .025)); }
.features-card, .plans-card, .performance-card { padding: 22px; }
.section-heading { position: relative; z-index: 2; margin-bottom: 18px; }
.section-heading h2 { margin: 6px 0 8px; font-family: "Bahnschrift SemiCondensed", "Bahnschrift", "Segoe UI", sans-serif; font-size: 31px; font-weight: 800; line-height: 1.02; letter-spacing: -.65px; color: #f5f9ff; text-shadow: 0 5px 18px rgba(0,0,0,.25); }
.section-heading p { margin: 0; max-width: 760px; color: #91a7b9; font-size: 13px; line-height: 1.5; }
.section-kicker { color: var(--orange); font-family: "Bahnschrift", "Segoe UI", sans-serif; font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.compact-heading { margin-bottom: 13px; }
.center-heading { text-align: center; }
.center-heading p { margin-left: auto; margin-right: auto; }

.feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; }
.feature-grid article { min-height: 126px; padding: 15px; border-radius: 13px; background: linear-gradient(180deg, rgba(8, 22, 36, .98), rgba(5, 15, 25, .98)); border: 1px solid rgba(27, 70, 102, .78); box-shadow: inset 0 0 22px rgba(0, 110, 255, .025); }
.card-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; border: 1px solid rgba(39, 145, 209, .72); background: radial-gradient(circle at 50% 38%, rgba(14, 54, 88, .96), #061521 72%); margin-bottom: 11px; box-shadow: inset 0 0 22px rgba(0, 117, 255, .08), 0 0 12px rgba(0, 119, 255, .06); }
.feature-grid h3 { margin: 0 0 6px; font-family: "Bahnschrift", "Segoe UI", sans-serif; font-size: 15px; font-weight: 700; letter-spacing: -.15px; color: #f3f8ff; }
.feature-grid p { margin: 0; color: #91a7b8; font-size: 11px; line-height: 1.45; }


/* PrimeNex icon system */
.feature-symbol svg,
.card-icon svg,
.status-icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: #39c7ff;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 5px rgba(0, 177, 255, .28));
}
.card-icon svg { width: 20px; height: 20px; }
.status-icon { font-size: 0; }

.comparison { display: grid; grid-template-columns: 1fr 65px 1fr; gap: 11px; align-items: center; }
.comparison-side { min-height: 124px; border-radius: 13px; border: 1px solid rgba(29, 73, 106, .8); background: #06111c; padding: 15px; position: relative; overflow: hidden; }
.comparison-side span { display: block; color: #9cb0bf; font-size: 10px; margin-bottom: 4px; }
.comparison-side strong { font-size: 27px; }
.vs { width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; margin: auto; font-size: 17px; font-weight: 900; border: 1px solid #ff6b19; box-shadow: 0 0 18px rgba(255, 80, 0, .16); background: #07101b; }
.sparkline { position: absolute; left: 10px; right: 10px; bottom: 12px; height: 37px; }
.sparkline::before { content: ""; position: absolute; inset: 0; clip-path: polygon(0 80%, 12% 73%, 23% 78%, 34% 60%, 44% 66%, 54% 45%, 65% 52%, 76% 31%, 85% 40%, 100% 17%, 100% 100%, 0 100%); opacity: .72; }
.sparkline.red::before { background: linear-gradient(180deg, rgba(255, 59, 59, .65), rgba(255, 59, 59, .08)); border-top: 1px solid #ff5151; }
.sparkline.blue::before { background: linear-gradient(180deg, rgba(0, 134, 255, .68), rgba(0, 134, 255, .08)); border-top: 1px solid #38bdff; }
.disclaimer { margin: 10px 0 0; color: #71899c; text-align: center; font-size: 9px; }

.plans-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.plan-card { min-width: 0; padding: 16px 13px 13px; border: 1px solid rgba(29, 76, 111, .79); border-radius: 14px; background: linear-gradient(180deg, rgba(7, 19, 31, .99), rgba(4, 12, 21, .99)); text-align: center; position: relative; box-shadow: 0 0 18px rgba(0, 105, 255, .045); }
.plan-card.selected { border-color: #299cff; box-shadow: 0 0 0 1px rgba(30, 151, 255, .25), 0 0 26px rgba(0, 111, 255, .16); }
.plan-card.lifetime { border-color: rgba(255, 119, 22, .65); box-shadow: var(--orange-glow); }
.plan-badge { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); padding: 5px 9px; border-radius: 999px; background: linear-gradient(90deg, #095cff, #21bdff); color: white; font-size: 8px; font-weight: 900; white-space: nowrap; }
.orange-badge { background: linear-gradient(90deg, #ae4000, #ff780c); }
.plan-name { font-size: 12px; font-weight: 900; letter-spacing: .065em; }
.plan-logo {
  display: block;
  width: 102px;
  height: 92px;
  margin: 10px auto 8px;
  background: url('assets/primenex-logo-web.png') center/contain no-repeat;
  filter: drop-shadow(0 0 12px rgba(0, 121, 255, .2));
}
.plan-price { font-size: 22px; font-weight: 900; white-space: nowrap; }
.plan-price small { color: #95aabc; font-size: 9px; }
.plan-card > p { min-height: 27px; margin: 7px 0 9px; color: #95aabd; font-size: 10px; line-height: 1.25; }
.plan-card ul { margin: 0 0 12px; padding: 0; list-style: none; text-align: left; color: #acbfcd; font-size: 9px; display: grid; gap: 5px; }
.plan-card li::before { content: "✓"; color: #32c4ff; margin-right: 5px; }
.plan-card .button { min-height: 37px; font-size: 10px; padding: 0 10px; }

.client-preview { display: grid; grid-template-columns: 215px 1fr; min-height: 430px; }
.client-sidebar { padding: 16px 13px; border-right: 1px solid rgba(26, 72, 105, .7); background: linear-gradient(180deg, rgba(5, 15, 26, .99), rgba(4, 11, 19, .99)); }
.client-brand { display: flex; align-items: center; gap: 7px; margin-bottom: 10px; }
.client-logo { width: 58px; height: 50px; display: block; background: url('assets/primenex-logo-web.png') center/contain no-repeat; filter: drop-shadow(0 0 8px rgba(0, 129, 255, .18)); }
.client-brand b { font-size: 14px; font-style: italic; }
.client-title { color: #829aac; font-size: 9px; margin-bottom: 10px; }
.client-sidebar nav { display: grid; gap: 4px; }
.client-sidebar nav a { padding: 8px 9px; border-radius: 7px; color: #9db0bf; font-size: 9px; border: 1px solid transparent; }
.client-sidebar nav a.active { color: white; background: linear-gradient(90deg, rgba(7, 53, 98, .95), rgba(6, 35, 62, .95)); border-color: rgba(31, 122, 188, .55); }
.client-main { padding: 16px; }
.client-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 12px; }
.client-top h3 { margin: 0 0 3px; font-size: 21px; }
.client-top p { margin: 0; color: #879daf; font-size: 10px; }
.current-plan { min-width: 175px; padding: 11px 13px; border-radius: 10px; border: 1px solid rgba(217, 106, 25, .42); background: linear-gradient(135deg, rgba(9, 25, 40, .97), rgba(32, 17, 8, .97)); }
.current-plan span { display: block; color: #879daf; font-size: 8px; }
.current-plan strong { display: inline-block; font-size: 14px; margin-right: 6px; }
.current-plan b { color: var(--green); font-size: 8px; }
.download-panel { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 13px; border: 1px solid rgba(28, 75, 108, .78); border-radius: 11px; background: #06111c; }
.download-product { display: flex; align-items: center; gap: 10px; }
.download-logo { width: 78px; height: 70px; flex: 0 0 78px; background: url('assets/primenex-logo-web.png') center/contain no-repeat; filter: drop-shadow(0 0 8px rgba(0, 129, 255, .18)); }
.download-product small { display: block; color: #9cafbd; font-size: 8px; margin-bottom: 3px; }
.download-product strong { display: block; font-size: 15px; }
.download-product p { margin: 3px 0 0; color: #8197a8; font-size: 8px; }
.download-actions { display: grid; justify-items: end; gap: 7px; }
.download-actions .button { min-height: 36px; font-size: 9px; }
.download-actions > a:last-child { color: #4bc7ff; font-size: 8px; }
.client-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin-top: 10px; }
.client-stats > div { padding: 9px; border: 1px solid rgba(27, 69, 99, .78); border-radius: 9px; background: #06111c; }
.client-stats strong { display: block; color: var(--green); font-size: 12px; }
.client-stats span { color: #859baa; font-size: 7px; }
.updates { margin-top: 10px; border: 1px solid rgba(27, 69, 99, .78); border-radius: 9px; background: #06111c; padding: 10px; }
.updates h4 { margin: 0 0 7px; font-size: 11px; }
.updates > div { display: grid; grid-template-columns: 52px 1fr; gap: 7px; padding: 7px 0; border-top: 1px solid rgba(28, 68, 97, .45); font-size: 8px; color: #b7c7d2; }
.updates > div:first-of-type { border-top: 0; }
.updates b { width: 48px; display: grid; place-items: center; border-radius: 5px; background: linear-gradient(90deg, #095fff, #1fbdff); color: white; font-size: 7px; }

.faq-section { padding: 6px 0 35px; }
.faq-shell { border: 1px solid rgba(27, 76, 111, .55); border-radius: var(--radius); background: linear-gradient(180deg, rgba(6, 17, 28, .93), rgba(4, 12, 20, .95)); padding: 24px; box-shadow: var(--blue-glow); }
.faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.faq-grid details { border: 1px solid rgba(28, 72, 104, .77); border-radius: 11px; background: #06111c; padding: 14px 15px; }
.faq-grid summary { cursor: pointer; font-size: 12px; font-weight: 850; }
.faq-grid p { margin: 9px 0 0; color: #90a6b7; font-size: 10px; line-height: 1.5; }

.footer { border-top: 1px solid rgba(29, 76, 111, .45); background: rgba(2, 6, 12, .76); padding: 28px 0 34px; }
.footer-grid { display: grid; grid-template-columns: 1.35fr repeat(3, .65fr); gap: 32px; }
.footer-brand-wrap p { max-width: 430px; margin: 12px 0 0; color: #859bad; font-size: 11px; line-height: 1.55; }
.footer-brand .brand-mark { width: 64px; height: 64px; }
.footer-brand .brand-name { font-size: 25px; }
.footer h4 { margin: 4px 0 9px; font-size: 10px; }
.footer-grid > div:not(:first-child) { display: flex; flex-direction: column; gap: 6px; }
.footer a, .footer p { color: #8399aa; font-size: 10px; }

/* LOGIN */
.auth-body { background: radial-gradient(circle at 25% 35%, rgba(0, 100, 255, .17), transparent 32%), linear-gradient(110deg, #02060d 0 54%, #04111d 54% 100%); }
.auth-layout { min-height: 100vh; display: grid; grid-template-columns: 1.12fr .88fr; }
.auth-brand-side { min-height: 100vh; position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 34px 5vw; }
.auth-brand-side::before { content: ""; position: absolute; width: 650px; height: 650px; left: 10%; top: 13%; border-radius: 50%; background: repeating-radial-gradient(circle, rgba(21, 131, 255, .12) 0 1px, transparent 1px 39px); opacity: .8; }
.auth-top-brand { position: relative; z-index: 2; }
.auth-emblem { flex: 1; min-height: 430px; position: relative; display: grid; place-items: center; }
.auth-emblem-rings { position: absolute; width: min(640px, 70vw); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(0, 119, 255, .26), rgba(0, 119, 255, .02) 56%, transparent 70%); }
.auth-emblem-image { position: absolute; inset: 0; background: url('assets/primenex-logo-web.png') center/500px auto no-repeat; filter: drop-shadow(0 0 30px rgba(0, 131, 255, .32)); }
.auth-copy { position: relative; z-index: 2; max-width: 650px; }
.auth-copy h1 { margin: 0 0 12px; font-size: clamp(42px, 4.3vw, 68px); line-height: .98; letter-spacing: -2px; }
.auth-copy h1 span { color: var(--orange); }
.auth-copy p { color: #b6c7d4; line-height: 1.55; max-width: 590px; }
.auth-copy ul { color: #9fb2c0; line-height: 1.9; padding-left: 18px; font-size: 13px; }
.auth-form-side { display: grid; place-items: center; padding: 28px; }
.auth-form { width: min(500px, 100%); padding: 32px; }
.auth-mini-logo { width: 124px; height: 108px; margin: 0 auto 10px; background: url('assets/primenex-logo-web.png') center/contain no-repeat; filter: drop-shadow(0 0 10px rgba(0, 129, 255, .2)); }
.auth-form h2 { margin: 0 0 6px; text-align: center; font-size: 27px; }
.auth-form > p { text-align: center; margin: 0 0 22px; color: #95aabc; font-size: 13px; }
.selected-plan { margin: 0 0 15px; padding: 10px 12px; border-radius: 8px; border: 1px solid rgba(43, 151, 222, .6); background: rgba(6, 36, 60, .78); color: #72d4ff; text-align: center; font-size: 12px; font-weight: 800; }
.demo-notice { margin-top: 14px; padding: 12px 13px; border: 1px solid rgba(34, 83, 118, .78); border-radius: 9px; background: #06111c; color: #aabeca; font-size: 10px; line-height: 1.45; }
.demo-notice strong { color: #58caff; }
.back-link { display: block; margin-top: 13px; text-align: center; color: #8098aa; font-size: 10px; }

/* DASHBOARD */
.dashboard-body { background: radial-gradient(circle at 70% 5%, rgba(0, 106, 255, .13), transparent 28%), linear-gradient(180deg, #02060d, #04101a 55%, #02070c); }
.dashboard-page { padding: 24px 0 36px; }
.dashboard-shell { display: grid; grid-template-columns: 250px 1fr; min-height: 780px; overflow: hidden; border: 1px solid rgba(29, 81, 119, .72); border-radius: var(--radius); background: linear-gradient(180deg, rgba(6, 17, 29, .98), rgba(4, 12, 21, .98)); box-shadow: var(--blue-glow), var(--shadow); }
.dashboard-sidebar { padding: 22px 15px; border-right: 1px solid rgba(29, 79, 114, .68); background: linear-gradient(180deg, rgba(4, 14, 24, .99), rgba(3, 10, 17, .99)); display: flex; flex-direction: column; }
.dashboard-sidebar-brand { display: flex; align-items: center; gap: 8px; margin-bottom: 22px; }
.dash-brand-art { width: 78px; height: 66px; background: url('assets/primenex-logo-web.png') center/contain no-repeat; filter: drop-shadow(0 0 8px rgba(0, 129, 255, .18)); }
.dashboard-sidebar-brand b { display: block; font-size: 17px; font-style: italic; }
.dashboard-sidebar-brand small { display: block; margin-top: 2px; color: #6f899c; font-size: 8px; }
.dashboard-sidebar nav { display: grid; gap: 6px; }
.dashboard-sidebar nav a { padding: 10px 11px; border-radius: 8px; color: #9fb2c1; font-size: 11px; border: 1px solid transparent; }
.dashboard-sidebar nav a.active { color: white; background: linear-gradient(90deg, rgba(7, 55, 100, .96), rgba(6, 34, 61, .97)); border-color: rgba(35, 130, 196, .58); box-shadow: 0 0 18px rgba(0, 115, 255, .08); }
.logout { margin-top: auto; color: #ff6749; font-size: 11px; padding: 10px; }
.dashboard-main { padding: 27px; }
.dashboard-welcome { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 20px; }
.dash-kicker { color: #45c8ff; font-size: 10px; font-weight: 900; letter-spacing: .09em; }
.dashboard-welcome h1 { margin: 6px 0 5px; font-size: 36px; }
.dashboard-welcome p { margin: 0; color: #8fa6b7; font-size: 13px; }
.plan-status-large { min-width: 310px; padding: 15px 18px; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(216, 103, 23, .45); border-radius: 13px; background: linear-gradient(135deg, rgba(7, 24, 39, .97), rgba(35, 17, 7, .97)); box-shadow: var(--orange-glow); }
.plan-status-large small { display: block; color: #8097a9; font-size: 9px; }
.plan-status-large strong { display: block; margin-top: 3px; font-size: 19px; }
.plan-status-large span { display: inline-block; margin-top: 4px; padding: 3px 7px; border-radius: 999px; background: rgba(45, 216, 104, .12); color: #63f28f; font-size: 8px; font-weight: 900; }
.plan-status-large > b { color: #ff9a24; font-size: 36px; }
.dashboard-download-card { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px; border: 1px solid rgba(30, 81, 117, .78); border-radius: 14px; background: #06111c; box-shadow: inset 0 0 26px rgba(0, 107, 255, .025); }
.dashboard-download-info { display: flex; align-items: center; gap: 14px; }
.dash-download-art { width: 100px; height: 88px; flex: 0 0 100px; background: url('assets/primenex-logo-web.png') center/115px auto no-repeat; -webkit-mask-image: radial-gradient(circle, #000 58%, transparent 93%); mask-image: radial-gradient(circle, #000 58%, transparent 93%); }
.dashboard-download-info small { color: #7d96a9; font-size: 9px; font-weight: 800; }
.dashboard-download-info h2 { margin: 3px 0 5px; font-size: 25px; }
.dashboard-download-info p { margin: 0; color: #859cad; font-size: 11px; }
.version-pills { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.version-pills span { padding: 4px 7px; border-radius: 999px; background: rgba(5, 55, 91, .82); border: 1px solid rgba(33, 112, 166, .46); color: #66d0ff; font-size: 8px; }
.dashboard-download-actions { display: grid; justify-items: end; gap: 8px; }
.dashboard-download-actions > a:not(.button) { color: #55c8ff; font-size: 9px; }
.dashboard-status-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; margin-top: 15px; }
.dashboard-status-grid article { padding: 15px; display: flex; gap: 10px; align-items: center; border: 1px solid rgba(28, 72, 104, .75); border-radius: 12px; background: #06111c; }
.dashboard-status-grid article > span { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; color: #34c3ff; background: #071827; border: 1px solid rgba(32, 117, 176, .55); }
.dashboard-status-grid small { color: #7f96a7; font-size: 8px; }
.dashboard-status-grid strong { display: block; color: var(--green); font-size: 17px; }
.dashboard-status-grid p { margin: 2px 0 0; color: #7d94a6; font-size: 8px; }
.dashboard-grid-lower { display: grid; grid-template-columns: 1.5fr .5fr; gap: 15px; margin-top: 15px; }
.dashboard-news, .dashboard-account-card { border: 1px solid rgba(28, 72, 104, .75); border-radius: 13px; background: #06111c; padding: 16px; }
.dashboard-section-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 9px; }
.dashboard-section-title h3 { margin: 0; font-size: 17px; }
.dashboard-section-title a { color: #50c9ff; font-size: 9px; }
.dashboard-news-item { display: grid; grid-template-columns: 65px 1fr auto; gap: 11px; align-items: center; padding: 12px 0; border-top: 1px solid rgba(26, 66, 95, .45); }
.dashboard-news-item > b { min-height: 28px; display: grid; place-items: center; border-radius: 7px; background: linear-gradient(90deg, #0a61ff, #1dbdff); font-size: 8px; }
.dashboard-news-item strong { font-size: 11px; }
.dashboard-news-item p { margin: 3px 0 0; color: #8299ab; font-size: 9px; }
.dashboard-news-item time { color: #6f8799; font-size: 8px; }
.account-card-art { width: 124px; height: 108px; display: block; margin: 0 auto 8px; background: url('assets/primenex-logo-web.png') center/contain no-repeat; filter: drop-shadow(0 0 10px rgba(0, 129, 255, .2)); }
.dashboard-account-card { text-align: center; }
.dashboard-account-card h3 { margin: 0 0 6px; font-size: 16px; }
.dashboard-account-card p { color: #859bac; font-size: 9px; line-height: 1.5; }
.dashboard-account-card .button { margin-top: 8px; min-height: 37px; font-size: 9px; }

@media (max-width: 1350px) {
  .hero-title { font-size: clamp(43px, 4.2vw, 58px); }
  .nav-links { gap: 21px; }
  .hero-shell { grid-template-columns: 1fr 1fr; }
  .hero-account { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; grid-template-rows: none; }
  .quick-benefits { min-height: 100%; }
  .split-grid { grid-template-columns: 1fr; }
  .hero-features { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1050px) {
  .nav-links { display: none; }
  .plans-grid { grid-template-columns: repeat(2, 1fr); }
  .client-preview { grid-template-columns: 180px 1fr; }
  .proof-strip, .dashboard-status-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .auth-layout { grid-template-columns: 1fr; }
  .auth-brand-side { min-height: 720px; }
  .dashboard-shell { grid-template-columns: 200px 1fr; }
  .dashboard-grid-lower { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .container { width: min(100% - 22px, 1560px); }
  .brand-name { font-size: 21px; }
  .brand-mark { width: 48px; height: 48px; }
  .nav-actions .button-dark { display: none; }
  .hero-shell { grid-template-columns: 1fr; }
  .hero-emblem { min-height: 500px; }
  .hero-account { grid-template-columns: 1fr; }
  .proof-strip { grid-template-columns: 1fr 1fr; }
  .proof-strip > div:nth-child(2) { border-right: 0; }
  .feature-grid, .faq-grid { grid-template-columns: 1fr; }
  .client-preview { grid-template-columns: 1fr; }
  .client-sidebar { display: none; }
  .client-top, .download-panel, .dashboard-download-card, .dashboard-welcome { flex-direction: column; align-items: flex-start; }
  .download-actions, .dashboard-download-actions { justify-items: stretch; width: 100%; }
  .client-stats, .dashboard-status-grid { grid-template-columns: repeat(2, 1fr); }
  .dashboard-shell { grid-template-columns: 1fr; }
  .dashboard-sidebar { border-right: 0; border-bottom: 1px solid rgba(29, 79, 114, .68); }
  .dashboard-sidebar nav { grid-template-columns: repeat(2, 1fr); }
  .dashboard-sidebar .logout { margin-top: 14px; }
  .plan-status-large { min-width: 0; width: 100%; }
}

@media (max-width: 520px) {
  .hero-copy { padding: 27px 20px; }
  .hero-title { font-size: 40px; line-height: .96; }
  .hero-title-line { white-space: normal; }
  .hero-feature { align-items: flex-start; }
  .hero-cta { flex-direction: column; }
  .hero-emblem { min-height: 430px; }
  .plans-grid, .proof-strip, .client-stats, .dashboard-status-grid, .footer-grid { grid-template-columns: 1fr; }
  .proof-strip > div { border-right: 0; border-bottom: 1px solid rgba(31, 83, 121, .5); }
  .proof-strip > div:last-child { border-bottom: 0; }
  .comparison { grid-template-columns: 1fr; }
  .vs { width: 48px; height: 48px; }
  .quick-benefits { grid-template-columns: 1fr; justify-items: center; }
  .quick-benefits ul { width: 100%; }
  .auth-brand-side { padding: 26px 20px; min-height: 620px; }
  .auth-emblem { min-height: 350px; }
  .auth-emblem-image { background-size: 360px auto; }
  .auth-form-side { padding: 16px; }
  .auth-form { padding: 24px 19px; }
  .dashboard-main { padding: 18px; }
  .dashboard-sidebar nav { grid-template-columns: 1fr; }
  .dashboard-news-item { grid-template-columns: 55px 1fr; }
  .dashboard-news-item time { display: none; }
}


/* === PrimeNex V7: typography, icon polish and native account flow === */
:root{
  --font-display:"Bahnschrift SemiCondensed","Bahnschrift Condensed","Arial Narrow","Segoe UI Variable Display","Segoe UI",sans-serif;
  --font-ui:"Bahnschrift","Segoe UI Variable Text","Segoe UI",Tahoma,sans-serif;
}
body{font-family:var(--font-ui);}
.nav-links,.button,.eyebrow,.section-kicker,.hero-feature b,.plan-name,.proof-strip strong,.dash-kicker{font-family:var(--font-display);}

.hero-title{
  font-family:var(--font-display);
  font-size:clamp(44px,3.18vw,58px);
  font-weight:900;
  letter-spacing:-1.8px;
  line-height:.9;
}
.hero-title-top{
  background:linear-gradient(180deg,#ffffff 0%,#edf5ff 52%,#c7d7e7 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 5px 16px rgba(0,0,0,.32));
}
.hero-title-bottom{font-weight:900;letter-spacing:-1.65px;}
.hero-title strong{
  background:linear-gradient(180deg,#ffb347 0%,#ff7b18 42%,#ff4b00 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 12px rgba(255,91,0,.24));
}
.hero-copy>p{font-family:"Segoe UI Variable Text","Segoe UI",sans-serif;font-size:15.5px;font-weight:450;color:#c6d6e3;}

.section-heading h2{
  font-family:var(--font-display);
  font-size:33px;
  font-weight:900;
  letter-spacing:-.95px;
  background:linear-gradient(180deg,#fff 0%,#eaf4ff 64%,#aebfd0 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.22));
}
.section-heading h2::after{
  content:"";display:block;width:78px;height:2px;margin-top:11px;border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--blue),transparent);
  box-shadow:0 0 12px rgba(0,151,255,.22);
}
.center-heading h2::after{margin-left:auto;margin-right:auto;}
.section-heading p{font-family:"Segoe UI Variable Text","Segoe UI",sans-serif;font-size:12.5px;line-height:1.58;}
.feature-grid h3{
  font-family:var(--font-display);font-size:16px;font-weight:900;letter-spacing:-.25px;
  color:#f9fcff;text-shadow:0 2px 8px rgba(0,0,0,.24);
}
.feature-grid p{font-family:"Segoe UI Variable Text","Segoe UI",sans-serif;font-size:10.8px;line-height:1.55;color:#9eb2c2;}

/* Polished icon containers: icon is always centered and never clipped */
.feature-symbol,.card-icon{
  position:relative;overflow:visible;color:#45d0ff;
  background:radial-gradient(circle at 45% 35%,rgba(13,62,103,.98) 0%,rgba(4,23,39,.98) 70%);
  border-color:rgba(41,158,226,.82);
  box-shadow:inset 0 0 18px rgba(0,150,255,.10),0 0 14px rgba(0,126,255,.08);
}
.feature-symbol svg,.card-icon svg,.proof-icon svg,.status-icon svg{
  display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.75;
  stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 3px rgba(42,193,255,.25));
}
.feature-symbol svg{width:22px;height:22px;}
.card-icon svg{width:21px;height:21px;}
.feature-symbol:hover,.card-icon:hover{border-color:#43caff;box-shadow:inset 0 0 20px rgba(0,150,255,.12),0 0 18px rgba(0,158,255,.16);}

.hero-feature b{font-size:11px;font-weight:900;letter-spacing:.035em;}
.hero-feature small{font-family:"Segoe UI Variable Text","Segoe UI",sans-serif;font-size:10.3px;}

.account-card h2,.auth-form h2,.auth-copy h1,.dashboard-welcome h1{
  font-family:var(--font-display);font-weight:900;letter-spacing:-.7px;
}
.account-card h2,.auth-form h2{
  background:linear-gradient(180deg,#fff,#d8e8f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.input-wrap>span{font-family:var(--font-display);font-weight:800;letter-spacing:.02em;}
.input-wrap input{font-family:"Segoe UI Variable Text","Segoe UI",sans-serif;}
.button{font-weight:900;letter-spacing:.035em;}
.button-create{
  color:#eaf8ff;background:linear-gradient(180deg,rgba(8,35,57,.98),rgba(4,20,35,.98));
  border-color:rgba(38,147,215,.85);box-shadow:inset 0 0 18px rgba(0,125,255,.06);
}
.button-create:hover{border-color:#38c0ff;box-shadow:0 0 24px rgba(0,138,255,.16),inset 0 0 18px rgba(0,125,255,.08);}
.account-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:#738da1;font-family:var(--font-display);font-size:9px;font-weight:800;letter-spacing:.12em;}
.account-divider::before,.account-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(36,89,125,.78));}
.account-divider::after{background:linear-gradient(90deg,rgba(36,89,125,.78),transparent);}
.signup-copy{font-family:"Segoe UI Variable Text","Segoe UI",sans-serif;}

.terms-row{display:flex;align-items:flex-start;gap:9px;margin:5px 0 16px;color:#aabeca;font-size:11px;line-height:1.45;}
.terms-row input{margin-top:2px;accent-color:#14a8ff;}
.notice-error{border-color:rgba(255,80,67,.65)!important;color:#ffc3bd!important;}
.notice-error strong{color:#ff786e!important;}
.register-form{padding-top:28px;}

@media(max-width:560px){
  .hero-title{font-size:42px;letter-spacing:-1.3px;}
  .section-heading h2{font-size:29px;}
}

/* === PrimeNex V8: animated gaming showcase and living background === */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-4;
  background:
    radial-gradient(circle at 12% 22%, rgba(0,106,255,.10), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(255,89,0,.07), transparent 22%),
    radial-gradient(circle at 50% 80%, rgba(0,174,255,.07), transparent 32%);
  animation:backgroundFloat 18s ease-in-out infinite alternate;
}
@keyframes backgroundFloat{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(0,-10px,0) scale(1.04)}
}

.tech-canvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:-3;
  pointer-events:none;
  opacity:.55;
}

.hero-copy,.hero-emblem,.glass-panel,.section-card,.proof-strip,.footer{backdrop-filter: blur(2px);}
.hero-emblem::before{animation:hudPulse 8s ease-in-out infinite alternate;}
@keyframes hudPulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.03);opacity:1}}
.emblem-tagline{animation:taglineGlow 3s ease-in-out infinite;}
@keyframes taglineGlow{0%,100%{text-shadow:0 3px 18px rgba(0,0,0,.9),0 0 0 rgba(0,145,255,0)}50%{text-shadow:0 3px 18px rgba(0,0,0,.9),0 0 14px rgba(0,145,255,.22)}}

.games-section{padding:6px 0 28px;position:relative;overflow:hidden;}
.games-section::before{
  content:"";
  position:absolute;
  inset:8% -8% auto;
  height:520px;
  background:
    radial-gradient(circle at 50% 40%, rgba(0,122,255,.11), transparent 34%),
    linear-gradient(90deg, transparent, rgba(0,105,255,.03), transparent);
  pointer-events:none;
}
.games-shell{position:relative;z-index:1;}
.games-heading{margin-bottom:16px;}
.games-heading p{max-width:860px;}

.games-marquee{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(27,87,129,.7);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(7,18,31,.94), rgba(5,13,22,.98));
  box-shadow:var(--blue-glow), var(--shadow);
  margin-bottom:16px;
}
.games-marquee::before,
.games-marquee::after{
  content:"";
  position:absolute;
  top:0;bottom:0;width:90px;z-index:2;pointer-events:none;
}
.games-marquee::before{left:0;background:linear-gradient(90deg,#06111c,transparent);}
.games-marquee::after{right:0;background:linear-gradient(270deg,#06111c,transparent);}
.marquee-track{
  display:flex;
  gap:14px;
  width:max-content;
  padding:13px 14px;
  animation:marqueeMove 31s linear infinite;
}
.marquee-right .marquee-track{animation-direction:reverse;animation-duration:36s;}
@keyframes marqueeMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.game-pill{
  min-width:180px;
  padding:13px 16px;
  border-radius:14px;
  border:1px solid rgba(45,133,190,.72);
  background:linear-gradient(180deg, rgba(8,24,39,.98), rgba(5,16,27,.98));
  box-shadow:inset 0 0 18px rgba(0,125,255,.06);
  display:grid;
  gap:3px;
  white-space:nowrap;
  position:relative;
  overflow:hidden;
}
.game-pill::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.08) 35%, transparent 60%);
  transform:translateX(-100%);
  animation:pillSweep 4.8s linear infinite;
}
@keyframes pillSweep{to{transform:translateX(160%)}}
.game-pill b{font-family:var(--font-display);font-size:16px;letter-spacing:.03em;color:#f9fcff;}
.game-pill small{font-size:11px;color:#9fb3c3;}
.pill-pubg{border-color:rgba(255,143,54,.55)}
.pill-valorant{border-color:rgba(255,80,101,.55)}
.pill-cs{border-color:rgba(89,192,255,.55)}
.pill-pb{border-color:rgba(78,220,255,.55)}
.pill-gta,.pill-fivem{border-color:rgba(76,255,179,.45)}
.pill-r6{border-color:rgba(208,165,255,.45)}
.pill-more{border-color:rgba(255,191,73,.55)}

.games-highlight-grid{
  display:grid;
  grid-template-columns: .95fr 1.2fr .78fr;
  gap:16px;
  align-items:stretch;
  margin-bottom:16px;
}
.games-copy-card{padding:24px;display:flex;flex-direction:column;justify-content:space-between;}
.supported-games-list{display:grid;gap:9px;margin:4px 0 18px;}
.supported-line{
  display:flex;align-items:flex-start;gap:9px;
  color:#d8e4ee;font-size:12px;line-height:1.45;
  padding:10px 12px;
  border-radius:12px;
  background:linear-gradient(180deg, rgba(8,22,36,.88), rgba(5,15,25,.92));
  border:1px solid rgba(26,79,118,.62);
}
.supported-line span{color:#2bc5ff;font-weight:900;line-height:1;}
.game-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.game-stats-row div{
  padding:14px 12px;border-radius:14px;border:1px solid rgba(29,86,128,.72);
  background:linear-gradient(180deg, rgba(8,24,39,.96), rgba(4,14,24,.98));
  text-align:center;
}
.game-stats-row strong{display:block;font-family:var(--font-display);font-size:26px;color:#f4fbff;letter-spacing:-.03em;}
.game-stats-row span{display:block;font-size:11px;color:#92a8b8;margin-top:4px;}

.games-cards-stack{display:grid;gap:14px;}
.game-card{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(29,88,132,.74);
  background:linear-gradient(180deg, rgba(8,21,35,.97), rgba(4,14,24,.98));
  box-shadow:var(--blue-glow), var(--shadow);
}
.game-card::before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at 18% 0%, rgba(255,87,0,.12), transparent 28%), radial-gradient(circle at 80% 100%, rgba(0,128,255,.16), transparent 34%);
  pointer-events:none;
}
.game-card::after{
  content:"";
  position:absolute;inset:-60% auto auto -30%;width:70%;height:200%;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.055) 48%, transparent 72%);
  transform:rotate(14deg);
  animation:cardShine 7s linear infinite;
  pointer-events:none;
}
@keyframes cardShine{0%{transform:rotate(14deg) translateX(-20%)}100%{transform:rotate(14deg) translateX(180%)}}
.game-card-main{min-height:280px;padding:18px 18px 16px;display:flex;flex-direction:column;justify-content:space-between;}
.game-card-badge{
  align-self:flex-start;
  padding:6px 10px;border-radius:999px;border:1px solid rgba(255,145,84,.6);
  background:rgba(255,95,0,.13);color:#ffd8c5;font-size:10px;font-weight:800;letter-spacing:.12em;
}
.game-card-header{position:relative;z-index:1;}
.game-card-header h3{margin:0;font-family:var(--font-display);font-size:28px;letter-spacing:-.03em;}
.game-card-header p{margin:4px 0 0;color:#95a9ba;font-size:12px;}
.game-card-visual{
  flex:1;display:grid;place-items:center;position:relative;min-height:150px;z-index:1;
}
.scan-ring,.game-card-visual::before,.game-card-visual::after{position:absolute;border-radius:50%;content:"";}
.scan-ring{width:170px;height:170px;border:1px solid rgba(58,192,255,.26);box-shadow:0 0 20px rgba(0,133,255,.14) inset;animation:ringSpin 12s linear infinite;}
.game-card-visual::before{width:230px;height:230px;border:1px dashed rgba(65,181,255,.22);animation:ringSpinReverse 18s linear infinite;}
.game-card-visual::after{width:105px;height:105px;background:radial-gradient(circle, rgba(255,103,22,.24), rgba(0,122,255,.07) 58%, transparent 70%);filter:blur(8px);}
@keyframes ringSpin{to{transform:rotate(360deg)}}
@keyframes ringSpinReverse{to{transform:rotate(-360deg)}}
.game-card-word{
  position:relative;z-index:1;
  font-family:var(--font-display);font-size:58px;font-weight:900;letter-spacing:-.05em;
  background:linear-gradient(180deg,#ffffff 0%, #eff7ff 58%, #8dbfff 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:none;filter:drop-shadow(0 5px 18px rgba(0,122,255,.16));
}
.game-card-footer,.mini-card-foot{position:relative;z-index:1;color:#dbe7f0;font-size:12px;line-height:1.45;}
.game-card-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.game-card.mini{padding:16px;min-height:126px;display:flex;flex-direction:column;justify-content:space-between;}
.game-card.mini .game-card-header h3{font-size:21px;}
.game-card.mini .game-card-header p{font-size:11px;}
.pubg-card{background:linear-gradient(180deg, rgba(13,18,28,.97), rgba(7,16,27,.99));}
.pubg-card .game-card-word{background:linear-gradient(180deg,#ffdd9d 0%, #ffb83f 38%, #ff7e13 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 18px rgba(255,111,0,.18));}
.valorant-card{background:linear-gradient(180deg, rgba(22,11,20,.98), rgba(10,14,24,.98));}
.cs-card{background:linear-gradient(180deg, rgba(8,20,36,.98), rgba(4,12,24,.98));}
.gta-card{background:linear-gradient(180deg, rgba(10,23,17,.98), rgba(6,15,18,.98));}
.pb-card{background:linear-gradient(180deg, rgba(7,21,32,.98), rgba(3,13,22,.98));}

.games-side-panel{padding:22px;display:flex;flex-direction:column;justify-content:center;}
.games-side-panel h3{margin:10px 0 8px;font-family:var(--font-display);font-size:28px;letter-spacing:-.04em;line-height:.98;}
.games-side-panel p{margin:0 0 16px;color:#a0b4c3;font-size:13px;line-height:1.58;}
.pulse-list{display:grid;gap:10px;}
.pulse-list div{
  display:flex;align-items:center;gap:10px;
  padding:12px 14px;border:1px solid rgba(28,80,118,.64);border-radius:12px;background:rgba(6,16,27,.86);
  color:#d7e3ed;font-size:12px;
}
.pulse-list span{width:10px;height:10px;border-radius:50%;background:#2fd1ff;box-shadow:0 0 12px rgba(47,209,255,.7);animation:pulseDot 1.8s ease-in-out infinite;}
.pulse-list div:nth-child(2) span{animation-delay:.25s}
.pulse-list div:nth-child(3) span{animation-delay:.45s}
.pulse-list div:nth-child(4) span{animation-delay:.7s}
@keyframes pulseDot{0%,100%{transform:scale(.8);opacity:.75}50%{transform:scale(1.15);opacity:1}}

.games-section .section-heading h2::after{margin-left:auto;margin-right:auto;}

@media (max-width: 1280px){
  .games-highlight-grid{grid-template-columns:1fr;}
  .games-side-panel{order:3;}
}
@media (max-width: 900px){
  .game-stats-row{grid-template-columns:1fr;}
}
@media (max-width: 760px){
  .game-card-row{grid-template-columns:1fr;}
  .game-card-word{font-size:44px;}
  .games-marquee::before,.games-marquee::after{width:42px;}
  .game-pill{min-width:150px;padding:12px 14px;}
}


/* === PrimeNex V9: official game-brand icons + cleaned interface icons === */
.game-pill{
  display:flex;
  align-items:center;
  gap:12px;
}
.game-pill > *{position:relative;z-index:1;}
.game-pill-copy{display:grid;gap:3px;min-width:0;}
.game-pill-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid rgba(61,150,211,.78);
  background:linear-gradient(180deg, rgba(9,24,39,.98), rgba(5,16,27,.98));
  box-shadow:inset 0 0 16px rgba(0,126,255,.06), 0 0 12px rgba(0,120,255,.06);
  overflow:hidden;
}
.game-pill-icon img{
  width:24px;
  height:24px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0 3px rgba(255,255,255,.10));
}

.supported-line{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:10px;
}
.supported-line .supported-text{display:block;color:#d8e4ee;font-weight:400;line-height:1.45;}
.supported-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  border:1px solid rgba(44,133,191,.72);
  background:linear-gradient(180deg, rgba(9,25,40,.98), rgba(5,16,27,.98));
  box-shadow:inset 0 0 18px rgba(0,123,255,.08), 0 0 12px rgba(0,123,255,.05);
}
.supported-icon img{
  width:20px;
  height:20px;
  object-fit:contain;
  display:block;
}

.game-card-header{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:
    "title icon"
    "meta icon";
  gap:4px 12px;
  align-items:start;
}
.game-card-header h3{grid-area:title;}
.game-card-header p{grid-area:meta;}
.game-card-logo{
  grid-area:icon;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(52,144,204,.78);
  background:linear-gradient(180deg, rgba(10,23,37,.98), rgba(5,15,25,.98));
  box-shadow:inset 0 0 18px rgba(0,128,255,.09), 0 0 16px rgba(0,111,255,.08);
}
.game-card-logo img{
  width:28px;
  height:28px;
  object-fit:contain;
  display:block;
}
.game-card-logo.double-logo{
  width:auto;
  min-width:92px;
  padding:0 10px;
  grid-auto-flow:column;
  gap:8px;
}
.game-card-logo.double-logo img{width:24px;height:24px;}

.feature-symbol svg,.card-icon svg,.proof-icon svg,.status-icon svg{
  stroke-width:2;
}

@media (max-width: 760px){
  .game-pill-icon{width:38px;height:38px;flex-basis:38px;}
  .game-pill-icon img{width:21px;height:21px;}
  .game-card-logo{width:42px;height:42px;}
  .game-card-logo img{width:24px;height:24px;}
}

.game-pill-icon.icon-fallback,.supported-icon.icon-fallback,.game-card-logo.icon-fallback{color:#edf8ff;font-family:var(--font-display);font-size:12px;font-weight:900;}


/* === PrimeNex V10: official game-logo board === */
.game-pill{
  display:flex !important;
  grid-template-columns:none !important;
  align-items:center;
  gap:12px;
  min-width:210px;
}
.game-pill-icon{
  width:50px;
  height:46px;
  flex:0 0 50px;
  display:grid;
  place-items:center;
  border-radius:11px;
  border:1px solid rgba(54,145,204,.72);
  background:linear-gradient(180deg,rgba(9,25,41,.98),rgba(5,15,25,.98));
  box-shadow:inset 0 0 18px rgba(0,128,255,.07),0 0 14px rgba(0,115,255,.06);
  padding:7px;
  overflow:hidden;
}
.game-pill-icon.brand-wide{width:74px;flex-basis:74px;padding:8px 7px;}
.game-pill-icon img{width:100%;height:100%;object-fit:contain;display:block;}
.game-pill-icon.plus-mark{font-family:var(--font-display);font-size:25px;font-weight:900;color:#54d1ff;}
.game-pill-copy{display:grid;gap:2px;min-width:0;}
.game-pill-copy b{font-size:15px;}
.game-pill-copy small{font-size:10px;}

.supported-line{grid-template-columns:68px 1fr !important;align-items:center !important;padding:9px 11px !important;}
.supported-brand{
  width:58px;height:36px;display:grid;place-items:center;border-radius:9px;
  border:1px solid rgba(43,123,180,.62);background:#061521;padding:6px;
}
.supported-brand.wide{width:58px;}
.supported-brand.duo{grid-auto-flow:column;gap:5px;padding:5px;}
.supported-brand img{max-width:100%;max-height:100%;object-fit:contain;display:block;}
.supported-brand.duo img{width:22px;height:22px;}
.supported-text{color:#d8e4ee !important;font-size:11px;font-weight:650 !important;}

.official-game-board{display:grid;gap:14px;}
.official-card{isolation:isolate;}
.official-card::before{z-index:-2;}
.official-card::after{z-index:-1;opacity:.7;}
.game-card-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;position:relative;z-index:2;}
.game-card-topline > div{min-width:0;}
.game-card-topline h3{margin:10px 0 3px;font-family:var(--font-display);font-size:30px;letter-spacing:-.04em;}
.game-card-topline p{margin:0;color:#95a9ba;font-size:12px;}
.game-card-topline.small h3{margin:0 0 4px;font-size:22px;}
.game-corner-brand{
  min-width:64px;height:58px;display:grid;place-items:center;border-radius:15px;
  border:1px solid rgba(74,151,205,.76);background:rgba(8,19,31,.78);
  box-shadow:inset 0 0 18px rgba(0,116,255,.08),0 0 18px rgba(0,110,255,.06);
  padding:9px;flex:0 0 auto;
}
.game-corner-brand img{max-width:100%;max-height:100%;object-fit:contain;display:block;}
.game-corner-brand.logo-wide{width:118px;padding:12px 10px;}
.game-corner-brand.dual-brand{width:112px;grid-auto-flow:column;gap:8px;padding:8px 10px;}
.game-corner-brand.dual-brand img{width:38px;height:38px;}
.game-corner-brand.pointblank-brand{width:74px;background:rgba(8,19,31,.86);}
.game-corner-brand.pointblank-brand img{filter:drop-shadow(0 0 5px rgba(255,255,255,.12));}
.pubg-corner{width:124px;padding:12px 10px;}

.pubg-card{
  min-height:330px;
  background:
    radial-gradient(circle at 55% 46%,rgba(13,109,174,.13),transparent 28%),
    radial-gradient(circle at 10% 0%,rgba(255,101,23,.12),transparent 28%),
    linear-gradient(135deg,rgba(12,19,29,.99),rgba(5,17,29,.99));
}
.pubg-brand-stage{position:relative;flex:1;min-height:180px;display:grid;place-items:center;margin:4px 0 0;overflow:hidden;}
.pubg-brand-stage::before{
  content:"";position:absolute;width:250px;height:250px;border-radius:50%;
  background:radial-gradient(circle,rgba(13,85,137,.18),rgba(5,20,34,.1) 55%,transparent 72%);
  border:1px solid rgba(46,148,215,.18);box-shadow:inset 0 0 42px rgba(0,129,255,.08);
}
.brand-orbit{position:absolute;border-radius:50%;border:1px dashed rgba(47,151,218,.22);}
.orbit-a{width:300px;height:300px;animation:ringSpin 24s linear infinite;}
.orbit-b{width:205px;height:205px;border-style:solid;border-color:rgba(56,167,230,.14);animation:ringSpinReverse 31s linear infinite;}
.pubg-main-logo{position:relative;z-index:2;width:min(72%,430px);max-height:125px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5));}
.game-card-footer-row{display:flex;justify-content:space-between;align-items:center;gap:16px;position:relative;z-index:2;color:#e2edf5;font-size:12px;font-weight:750;}
.game-metric-icons{display:flex;gap:8px;color:#95aec1;}
.game-metric-icons svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

.valorant-card{background:radial-gradient(circle at 15% 0%,rgba(255,70,85,.14),transparent 40%),linear-gradient(135deg,rgba(20,12,21,.99),rgba(6,15,25,.99));}
.cs-card{background:radial-gradient(circle at 80% 10%,rgba(74,157,255,.12),transparent 40%),linear-gradient(135deg,rgba(7,18,32,.99),rgba(5,14,24,.99));}
.gta-card{background:radial-gradient(circle at 17% 10%,rgba(77,153,78,.13),transparent 42%),linear-gradient(135deg,rgba(7,22,18,.99),rgba(5,14,23,.99));}
.pb-card{background:radial-gradient(circle at 82% 10%,rgba(66,145,205,.11),transparent 40%),linear-gradient(135deg,rgba(7,18,29,.99),rgba(5,14,23,.99));}
.game-card.mini{min-height:156px;padding:18px;}
.mini-card-foot{font-size:12px;font-weight:700;color:#d8e5ef;}

.games-trademark-note{margin:10px auto 0;max-width:980px;text-align:center;color:#6f8799;font-size:9px;line-height:1.45;}

/* Extra cleanup for interface SVG icons */
.feature-symbol svg,.card-icon svg,.proof-icon svg,.status-icon svg{
  display:block !important;overflow:visible;fill:none !important;stroke:#42caff !important;stroke-width:1.9 !important;
  stroke-linecap:round !important;stroke-linejoin:round !important;
}
.feature-symbol,.card-icon{overflow:hidden;}

@media(max-width:760px){
  .game-pill{min-width:185px;gap:9px;}
  .game-pill-icon{width:42px;height:40px;flex-basis:42px;padding:6px;}
  .game-pill-icon.brand-wide{width:58px;flex-basis:58px;}
  .game-card-topline.small h3{font-size:19px;}
  .game-corner-brand.logo-wide{width:92px;}
  .pubg-corner{width:98px;}
  .pubg-main-logo{width:82%;}
  .supported-line{grid-template-columns:58px 1fr !important;}
}


/* === PrimeNex V11: vivid game artwork board (internet-sourced game art) === */
.vivid-game-board{gap:14px;}
.art-card{
  isolation:isolate;
  background:#07111d;
  border-color:rgba(71,164,222,.78);
  box-shadow:0 14px 36px rgba(0,0,0,.28),0 0 26px rgba(0,122,255,.10);
}
.art-card::before{display:none;}
.art-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 0 38%,rgba(255,255,255,.055) 50%,transparent 62%);
  transform:translateX(-100%);
  animation:artSweep 8s ease-in-out infinite;
}
@keyframes artSweep{0%,58%{transform:translateX(-100%)}82%,100%{transform:translateX(100%)}}
.game-art-layer{
  position:absolute;
  inset:0;
  z-index:-3;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  transform:scale(1.025);
  filter:saturate(1.08) contrast(1.03);
}
.game-art-shade{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,8,15,.94) 0%,rgba(3,9,17,.69) 42%,rgba(2,8,15,.28) 72%,rgba(2,7,13,.55) 100%),
    linear-gradient(180deg,rgba(2,7,14,.22),rgba(2,7,14,.14) 45%,rgba(2,7,14,.78) 100%);
}
.art-card .game-card-topline,
.art-card .mini-card-foot,
.art-card .game-card-footer-row,
.art-card .pubg-brand-stage{position:relative;z-index:3;}
.art-card .game-card-topline h3,
.art-card .game-card-footer-row,
.art-card .mini-card-foot{ text-shadow:0 2px 10px rgba(0,0,0,.92); }

/* PUBG: warm amber + official brand, kept close to the approved look */
.pubg-art-card{
  border-color:rgba(255,145,46,.88);
  background:
    radial-gradient(circle at 74% 42%,rgba(255,130,13,.30),transparent 26%),
    linear-gradient(135deg,#16130d,#0a1522 48%,#0c1c2c);
  box-shadow:0 0 0 1px rgba(255,141,31,.16),0 0 34px rgba(255,102,0,.14),0 18px 40px rgba(0,0,0,.30);
}
.pubg-art-layer{
  background-image:
    linear-gradient(90deg,rgba(9,10,12,.86),rgba(9,14,21,.36) 44%,rgba(83,46,4,.18)),
    url('https://shared.fastly.steamstatic.com/store_item_assets/steam/apps/578080/header.jpg');
  background-position:center right;
  background-size:cover;
  opacity:.62;
}
.pubg-art-card .game-art-shade{background:linear-gradient(90deg,rgba(5,8,13,.88),rgba(5,10,16,.42) 55%,rgba(17,10,2,.16)),linear-gradient(180deg,rgba(2,5,10,.04),rgba(3,7,12,.62));}
.vivid-stage{min-height:145px;}
.vivid-stage .pubg-main-logo{filter:drop-shadow(0 5px 16px rgba(0,0,0,.85));}

/* VALORANT: actual Viper character asset, not an invented mascot */
.valorant-viper-card{
  border-color:rgba(255,70,85,.92);
  background:
    radial-gradient(circle at 76% 35%,rgba(30,184,119,.24),transparent 32%),
    radial-gradient(circle at 22% 18%,rgba(255,70,85,.28),transparent 30%),
    linear-gradient(135deg,#220d17 0%,#101827 56%,#071823 100%);
  box-shadow:0 0 0 1px rgba(255,70,85,.12),0 0 28px rgba(255,70,85,.12),0 18px 35px rgba(0,0,0,.28);
}
.valorant-viper-card .game-art-shade{
  background:
    linear-gradient(90deg,rgba(20,7,14,.96) 0%,rgba(18,9,18,.72) 44%,rgba(7,19,19,.28) 72%,rgba(4,10,15,.36)),
    linear-gradient(180deg,rgba(2,6,12,.10),rgba(2,6,12,.72));
}
.valorant-red-mark{
  position:absolute;
  right:-4%;
  top:-36%;
  width:64%;
  height:180%;
  z-index:-2;
  opacity:.28;
  background:linear-gradient(135deg,transparent 26%,#ff4655 27% 38%,transparent 39% 54%,#ff4655 55% 64%,transparent 65%);
  transform:rotate(-8deg);
}
.viper-character-art{
  position:absolute;
  z-index:-2;
  right:-18px;
  bottom:-84px;
  width:61%;
  max-width:300px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(-12px 12px 22px rgba(0,0,0,.58)) saturate(1.07);
  pointer-events:none;
}
.valorant-viper-card .valorant-brand{background:rgba(8,12,19,.58);border-color:rgba(255,70,85,.62);}

/* CS2: official Steam store art in blue/orange, with logo kept readable */
.cs2-art-card{
  border-color:rgba(53,165,255,.88);
  background:linear-gradient(135deg,#071424,#0c1f33 56%,#312112);
  box-shadow:0 0 0 1px rgba(52,163,255,.10),0 0 28px rgba(0,128,255,.13),0 18px 35px rgba(0,0,0,.28);
}
.cs2-art-layer{
  background-image:url('https://shared.fastly.steamstatic.com/store_item_assets/steam/apps/730/header.jpg');
  background-position:center;
  background-size:cover;
  opacity:.88;
}
.cs2-art-card .game-art-shade{background:linear-gradient(90deg,rgba(3,9,17,.91),rgba(4,13,22,.54) 48%,rgba(3,8,15,.20)),linear-gradient(180deg,rgba(3,7,13,.08),rgba(2,6,11,.72));}
.cs2-art-card .cs2-brand{background:rgba(6,14,24,.62);}

/* GTA V / FiveM: recognizable GTA V art + both brands */
.gta-art-card{
  border-color:rgba(75,208,120,.78);
  background:linear-gradient(135deg,#08170f,#10251d 58%,#2a180e);
  box-shadow:0 0 0 1px rgba(67,215,119,.08),0 0 26px rgba(53,188,108,.10),0 18px 35px rgba(0,0,0,.28);
}
.gta-art-layer{
  background-image:url('https://shared.fastly.steamstatic.com/store_item_assets/steam/apps/271590/library_hero.jpg');
  background-position:center 42%;
  background-size:cover;
  opacity:.86;
}
.gta-art-card .game-art-shade{background:linear-gradient(90deg,rgba(4,14,8,.94),rgba(6,18,11,.52) 46%,rgba(7,12,8,.20)),linear-gradient(180deg,rgba(1,5,3,.06),rgba(2,7,4,.72));}
.gta-art-card .dual-brand{background:rgba(5,14,10,.62);}

/* Point Blank: recognizable promotional art from the game, with official Zepetto logo overlay */
.pb-art-card{
  border-color:rgba(74,178,255,.82);
  background:linear-gradient(135deg,#07111c,#0d2031 56%,#30170e);
  box-shadow:0 0 0 1px rgba(64,171,255,.08),0 0 26px rgba(31,127,255,.11),0 18px 35px rgba(0,0,0,.28);
}
.pb-art-layer{
  background-image:url('https://cdn.kibrispdr.org/data/892/wallpaper-point-blank-zepetto-2.jpg');
  background-position:center 34%;
  background-size:cover;
  opacity:.78;
}
.pb-art-card .game-art-shade{background:linear-gradient(90deg,rgba(3,10,17,.94),rgba(3,12,20,.55) 49%,rgba(8,6,5,.24)),linear-gradient(180deg,rgba(2,6,11,.08),rgba(2,7,12,.76));}
.pb-art-card .pointblank-brand{background:rgba(5,13,22,.65);}

/* Give the two side columns more depth so the game board is no longer a black block */
.games-copy-card{
  background:
    radial-gradient(circle at 0% 0%,rgba(0,128,255,.10),transparent 34%),
    linear-gradient(180deg,rgba(7,23,38,.98),rgba(4,15,26,.98));
}
.games-side-panel{
  background:
    radial-gradient(circle at 78% 12%,rgba(0,155,255,.15),transparent 25%),
    repeating-radial-gradient(circle at 78% 20%,rgba(35,144,255,.07) 0 1px,transparent 1px 30px),
    linear-gradient(180deg,rgba(6,22,37,.98),rgba(4,14,25,.98));
}
.games-side-panel::after{
  content:"";
  position:absolute;
  left:18px;right:18px;bottom:15px;height:34px;
  background:linear-gradient(180deg,transparent,rgba(0,145,255,.04));
  border-bottom:1px solid rgba(33,176,255,.34);
  clip-path:polygon(0 86%,8% 78%,15% 84%,25% 54%,34% 67%,46% 36%,55% 54%,66% 30%,77% 44%,88% 15%,100% 26%,100% 100%,0 100%);
  opacity:.8;
}

@media(max-width:760px){
  .viper-character-art{right:-30px;bottom:-56px;width:55%;}
  .game-art-layer{transform:scale(1.04);}
}


/* =========================================================
   PrimeNex V12 — Games section redesigned after UX review
   ========================================================= */
.games-section-v12{
  padding:30px 0 34px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 22% 18%, rgba(0,155,255,.10), transparent 30%),
    radial-gradient(circle at 78% 12%, rgba(255,111,0,.08), transparent 25%),
    linear-gradient(180deg, rgba(4,15,25,.20), rgba(3,10,17,.42));
}
.games-section-v12::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(33,135,199,.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(33,135,199,.032) 1px, transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom, transparent, #000 12%, #000 86%, transparent);
}
.games-v12-shell{position:relative;z-index:1;}
.games-v12-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
  padding:0 4px;
}
.games-v12-head h2{
  margin:5px 0 8px;
  font-family:var(--font-display);
  font-size:clamp(30px,2.55vw,46px);
  line-height:.98;
  letter-spacing:-1.1px;
  color:#f8fbff;
}
.games-v12-head p{margin:0;max-width:780px;color:#a9bdcc;font-size:13px;line-height:1.6;}
.games-v12-kicker{font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:.15em;color:#ff7a18;}
.games-v12-head-note{
  min-width:260px;
  max-width:320px;
  padding:13px 15px;
  border:1px solid rgba(55,155,219,.52);
  border-radius:13px;
  background:linear-gradient(135deg,rgba(7,27,45,.96),rgba(8,20,32,.96));
  box-shadow:inset 0 0 30px rgba(0,130,255,.05);
}
.games-v12-head-note strong{display:block;color:#eaf6ff;font-size:12px;margin-bottom:4px;}
.games-v12-head-note span{color:#8ea7b9;font-size:10px;line-height:1.4;}

.games-v12-layout{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.75fr);
  gap:16px;
  align-items:stretch;
}
.games-v12-intro{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  padding:28px 25px 22px;
  border:1px solid rgba(53,151,213,.70);
  background:
    radial-gradient(circle at 20% 12%, rgba(0,159,255,.18), transparent 31%),
    linear-gradient(150deg,#0a2035 0%,#071521 46%,#09111b 100%);
  box-shadow:0 16px 50px rgba(0,0,0,.25), inset 0 0 50px rgba(0,130,255,.035);
}
.games-v12-intro::before{
  content:"";
  position:absolute;
  width:380px;height:380px;
  right:-180px;bottom:-180px;
  border-radius:50%;
  border:1px solid rgba(44,169,255,.18);
  box-shadow:0 0 0 45px rgba(23,126,201,.035),0 0 0 90px rgba(23,126,201,.028);
}
.games-v12-intro-glow{
  position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 0 72%,rgba(0,174,255,.055) 72% 73%,transparent 73% 100%);
  pointer-events:none;
}
.games-v12-intro h3{
  position:relative;
  margin:8px 0 12px;
  max-width:430px;
  font-family:var(--font-display);
  font-size:clamp(30px,2.2vw,42px);
  line-height:.98;
  letter-spacing:-1px;
  color:#f8fbff;
}
.games-v12-intro > p{position:relative;margin:0 0 22px;color:#b4c6d3;font-size:13px;line-height:1.65;}
.games-v12-feature-list{position:relative;display:grid;gap:8px;margin-bottom:20px;}
.games-v12-feature-list>div{
  display:grid;
  grid-template-columns:12px 1fr;
  grid-template-rows:auto auto;
  column-gap:10px;
  padding:10px 11px;
  border-radius:12px;
  border:1px solid rgba(40,111,161,.66);
  background:linear-gradient(180deg,rgba(7,24,39,.92),rgba(5,17,28,.96));
}
.games-v12-feature-list b{grid-column:2;font-family:var(--font-display);font-size:12px;color:#eef8ff;letter-spacing:.02em;}
.games-v12-feature-list small{grid-column:2;color:#8fa7b8;font-size:9px;margin-top:2px;}
.v12-feature-dot{grid-row:1/3;align-self:center;width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px currentColor;}
.pubg-dot{color:#f3a323;background:#f3a323}.valorant-dot{color:#ff4655;background:#ff4655}.cs-dot{color:#3ab7ff;background:#3ab7ff}.gta-dot{color:#45d792;background:#45d792}.pb-dot{color:#61d8ff;background:#61d8ff}
.games-v12-metrics{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}
.games-v12-metrics div{padding:13px 10px;border:1px solid rgba(46,128,185,.70);border-radius:12px;background:linear-gradient(180deg,rgba(9,29,47,.96),rgba(6,18,30,.98));}
.games-v12-metrics strong{display:block;font-family:var(--font-display);font-size:16px;color:#46caff;letter-spacing:.03em;}
.games-v12-metrics span{display:block;margin-top:3px;color:#8ea7b8;font-size:8px;}

.games-v12-board{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:296px 170px 170px;gap:14px;}
.v12-game-card{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(67,161,221,.72);
  background:#07131f;
  box-shadow:0 14px 38px rgba(0,0,0,.26), inset 0 0 34px rgba(0,134,255,.035);
  isolation:isolate;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.v12-game-card:hover{transform:translateY(-3px);border-color:rgba(97,197,255,.94);box-shadow:0 20px 46px rgba(0,0,0,.30),0 0 26px rgba(0,144,255,.12);}
.v12-pubg-card{grid-column:1/-1;border-color:rgba(255,145,41,.86);}
.v12-pubg-card:hover{border-color:#ffad48;box-shadow:0 20px 50px rgba(0,0,0,.32),0 0 26px rgba(255,123,0,.15);}
.v12-card-bg{position:absolute;inset:0;background-position:center;background-size:cover;transform:scale(1.02);z-index:-3;transition:transform .55s ease;}
.v12-game-card:hover .v12-card-bg{transform:scale(1.055);}
.v12-pubg-bg{background-image:url('https://shared.fastly.steamstatic.com/store_item_assets/steam/apps/578080/header.jpg');background-position:center 42%;}
.v12-cs-bg{background-image:url('https://shared.fastly.steamstatic.com/store_item_assets/steam/apps/730/header.jpg');background-position:center;}
.v12-gta-bg{background-image:url('https://shared.fastly.steamstatic.com/store_item_assets/steam/apps/271590/library_hero.jpg');background-position:center 38%;}
.v12-valorant-bg{background:radial-gradient(circle at 72% 62%,rgba(0,255,157,.20),transparent 24%),linear-gradient(135deg,#42111b 0%,#25101d 40%,#071523 100%);}
.v12-pb-bg{
  background:
    radial-gradient(circle at 78% 32%,rgba(33,145,255,.24),transparent 28%),
    linear-gradient(120deg,#0c2741 0%,#081b2d 48%,#0c1320 100%);
}
.v12-card-overlay{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,8,13,.90) 0%,rgba(3,8,13,.58) 43%,rgba(3,8,13,.18) 100%);}
.v12-pubg-card .v12-card-overlay{background:linear-gradient(90deg,rgba(7,8,10,.91) 0%,rgba(8,9,12,.50) 46%,rgba(8,9,12,.12) 100%),linear-gradient(180deg,rgba(255,112,0,.04),transparent 70%);}
.v12-cs-card .v12-card-overlay{background:linear-gradient(90deg,rgba(3,9,15,.93),rgba(4,13,22,.52) 52%,rgba(10,50,83,.18));}
.v12-gta-card .v12-card-overlay{background:linear-gradient(90deg,rgba(3,11,9,.94),rgba(3,18,15,.55) 55%,rgba(3,18,15,.22));}
.v12-pb-card .v12-card-overlay{background:linear-gradient(90deg,rgba(4,12,20,.92),rgba(4,18,30,.54),rgba(0,75,137,.17));}
.v12-card-content{position:relative;z-index:2;height:100%;padding:19px 20px 16px;display:flex;flex-direction:column;justify-content:space-between;}
.v12-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;}
.v12-card-top h3{margin:6px 0 3px;font-family:var(--font-display);font-size:31px;line-height:1;color:#fff;letter-spacing:-.6px;text-shadow:0 2px 16px rgba(0,0,0,.56);}
.v12-card-top p{margin:0;color:#c3d0dc;font-size:11px;text-shadow:0 1px 8px rgba(0,0,0,.75);}
.v12-card-top.compact h3{margin:0 0 4px;font-size:22px;}
.v12-badge{display:inline-flex;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,167,85,.72);background:rgba(255,111,0,.18);color:#ffd8bd;font-size:8px;font-weight:900;letter-spacing:.11em;}
.v12-logo-box{display:grid;place-items:center;min-width:108px;height:56px;padding:8px 11px;border-radius:12px;border:1px solid rgba(76,177,236,.75);background:rgba(7,20,31,.82);backdrop-filter:blur(5px);box-shadow:0 8px 20px rgba(0,0,0,.15);}
.v12-logo-box img{display:block;max-width:100%;max-height:40px;object-fit:contain;}
.v12-logo-pubg img{max-width:120px;}
.v12-logo-valorant{background:rgba(255,70,85,.94);border-color:rgba(255,160,169,.9);}
.v12-logo-valorant img{filter:brightness(0) invert(1);max-width:90px;}
.v12-logo-cs{background:rgba(238,243,248,.94);border-color:#fff;}
.v12-logo-cs img{filter:none;max-width:110px;}
.v12-logo-duo{grid-auto-flow:column;gap:8px;min-width:108px;background:rgba(5,20,16,.88);}
.v12-logo-duo img{width:31px;height:31px;}
.v12-logo-pb{background:rgba(6,23,38,.90);}
.v12-logo-pb img{max-width:108px;}
.v12-card-brand-center{align-self:center;margin:auto;display:grid;place-items:center;min-width:44%;min-height:120px;padding:18px;border-radius:50%;background:radial-gradient(circle,rgba(255,157,50,.17),rgba(0,0,0,.05) 56%,transparent 72%);}
.v12-card-brand-center img{width:min(300px,70%);height:auto;filter:drop-shadow(0 5px 14px rgba(0,0,0,.42));}
.v12-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;font-weight:800;color:#eef6fb;text-shadow:0 1px 9px rgba(0,0,0,.75);}
.v12-status-dots{display:flex;gap:6px;}.v12-status-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#ff8a21;box-shadow:0 0 9px rgba(255,128,26,.85)}
.v12-character{position:absolute;z-index:0;pointer-events:none;user-select:none;}
.v12-viper{height:150%;width:auto;right:-55px;bottom:-70%;filter:drop-shadow(-14px 0 22px rgba(0,0,0,.35));opacity:.94;}
.v12-valorant-card{border-color:rgba(255,70,85,.92);}.v12-valorant-card:hover{border-color:#ff7884;box-shadow:0 20px 46px rgba(0,0,0,.30),0 0 27px rgba(255,70,85,.14);}
.v12-gta-card{border-color:rgba(50,188,116,.72);}.v12-gta-card:hover{border-color:#52df9d;box-shadow:0 20px 46px rgba(0,0,0,.30),0 0 27px rgba(42,201,122,.14);}
.v12-pb-card{border-color:rgba(72,177,239,.76);}
.v12-pb-watermark{position:absolute;right:20px;bottom:10px;opacity:.10;transform:rotate(-4deg);pointer-events:none;}.v12-pb-watermark img{width:250px;height:auto;}

.games-v12-library{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.7fr);
  gap:16px;
  align-items:center;
  margin-top:16px;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid rgba(45,135,192,.65);
  background:linear-gradient(115deg,rgba(8,27,44,.96),rgba(6,17,28,.96));
  box-shadow:inset 0 0 40px rgba(0,135,255,.04);
}
.games-v12-library-copy h3{margin:5px 0 6px;font-family:var(--font-display);font-size:25px;color:#f7fbff;letter-spacing:-.6px;}
.games-v12-library-copy p{margin:0;color:#8fa6b7;font-size:10px;line-height:1.5;}
.games-v12-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;}
.games-v12-tags span{padding:9px 12px;border-radius:999px;border:1px solid rgba(68,157,216,.58);background:rgba(6,21,35,.90);color:#dce9f2;font-family:var(--font-display);font-size:10px;font-weight:800;letter-spacing:.02em;}
.games-v12-tags span:nth-child(1){border-color:rgba(91,155,255,.65)}
.games-v12-tags span:nth-child(2){border-color:rgba(255,99,62,.62)}
.games-v12-tags span:nth-child(3){border-color:rgba(157,93,255,.62)}
.games-v12-tags span:nth-child(4){border-color:rgba(219,174,71,.62)}
.games-v12-tags span:nth-child(5){border-color:rgba(80,181,255,.62)}
.games-v12-tags span:nth-child(6){border-color:rgba(225,79,57,.62)}
.games-v12-tags span:nth-child(7){border-color:rgba(255,159,36,.62)}
.games-v12-tags span:nth-child(8){border-color:rgba(175,165,255,.62)}
.games-v12-tags .tag-more{border-color:rgba(255,139,54,.72);color:#ffd6ba;background:rgba(255,103,0,.08);}
.games-v12-techbar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;}
.games-v12-techbar>div{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:11px;background:rgba(6,18,30,.78);border:1px solid rgba(38,101,144,.55);color:#a9bdcc;font-size:9px;}
.tech-pulse{width:7px;height:7px;border-radius:50%;background:#35caff;box-shadow:0 0 10px rgba(53,202,255,.75);animation:v12Pulse 2.2s ease-in-out infinite;}
.games-v12-techbar>div:nth-child(2) .tech-pulse{animation-delay:.25s}.games-v12-techbar>div:nth-child(3) .tech-pulse{animation-delay:.5s}.games-v12-techbar>div:nth-child(4) .tech-pulse{animation-delay:.75s}
@keyframes v12Pulse{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.12)}}
.games-section-v12 .games-trademark-note{margin:10px 2px 0;text-align:center;color:#6f8798;font-size:8px;line-height:1.45;}

@media (max-width:1180px){
  .games-v12-layout{grid-template-columns:1fr;}
  .games-v12-intro{padding:24px;}
  .games-v12-feature-list{grid-template-columns:1fr 1fr;}
  .games-v12-library{grid-template-columns:1fr;}
  .games-v12-tags{justify-content:flex-start;}
}
@media (max-width:820px){
  .games-v12-head{align-items:flex-start;flex-direction:column;}
  .games-v12-head-note{max-width:none;width:100%;}
  .games-v12-board{grid-template-columns:1fr;grid-template-rows:260px repeat(4,165px);}
  .v12-pubg-card{grid-column:auto;}
  .games-v12-feature-list{grid-template-columns:1fr;}
  .games-v12-metrics,.games-v12-techbar{grid-template-columns:1fr 1fr;}
  .v12-viper{right:-25px;height:145%;}
}
@media (max-width:540px){
  .games-v12-intro{padding:21px 18px;}
  .games-v12-metrics,.games-v12-techbar{grid-template-columns:1fr;}
  .v12-card-content{padding:16px;}
  .v12-card-top h3{font-size:25px;}
  .v12-logo-box{min-width:90px;height:50px;}
  .v12-card-brand-center{min-height:95px;}
  .v12-viper{right:-80px;height:145%;opacity:.82;}
}
@media (prefers-reduced-motion:reduce){
  .v12-game-card,.v12-card-bg,.tech-pulse{transition:none!important;animation:none!important;}
  .v12-game-card:hover{transform:none;}
}


/* === PrimeNex V13: safety, informed consent and legal documentation === */
.safety-section{padding:18px 0 28px;position:relative;}
.safety-shell{border:1px solid rgba(154,111,24,.48);border-radius:22px;background:linear-gradient(180deg,rgba(13,18,24,.97),rgba(6,14,23,.99));box-shadow:0 0 0 1px rgba(255,160,22,.035),0 24px 60px rgba(0,0,0,.28);overflow:hidden;position:relative;padding:26px;}
.safety-shell::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 0%,rgba(255,153,0,.11),transparent 30%),radial-gradient(circle at 92% 100%,rgba(0,145,255,.08),transparent 28%);pointer-events:none;}
.safety-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:20px;}
.safety-head>div:first-child{max-width:850px;}
.safety-kicker,.safety-label{font-family:var(--font-display);font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#ffad32;font-size:10px;}
.safety-head h2{margin:6px 0 8px;font-family:var(--font-display);font-size:34px;line-height:1;letter-spacing:-1px;color:#f7fbff;}
.safety-head p{margin:0;color:#a5b7c5;font-size:13px;line-height:1.55;}
.safety-alert-badge{display:flex;align-items:center;gap:10px;min-width:250px;padding:12px 14px;border:1px solid rgba(255,173,50,.45);border-radius:14px;background:linear-gradient(180deg,rgba(57,37,9,.62),rgba(21,19,15,.78));}
.safety-alert-badge>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#ff9a13;color:#130b00;font-size:24px;font-weight:1000;box-shadow:0 0 18px rgba(255,143,0,.25);}
.safety-alert-badge strong{display:block;font-size:11px;}.safety-alert-badge small{display:block;color:#b9a98e;font-size:10px;margin-top:3px;}
.safety-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.safety-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:17px;border:1px solid rgba(35,87,124,.72);border-radius:16px;background:linear-gradient(180deg,rgba(8,22,35,.96),rgba(5,15,25,.98));}
.safety-warning{border-color:rgba(255,164,31,.58);background:linear-gradient(180deg,rgba(36,27,12,.76),rgba(9,17,24,.98));}
.safety-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(255,160,18,.13);border:1px solid rgba(255,169,42,.65);color:#ffc65a;font-family:var(--font-display);font-size:24px;font-weight:900;}
.safety-blue{color:#4fd4ff;border-color:rgba(49,179,239,.62);background:rgba(0,129,255,.1);}.safety-orange{color:#ff9144}.safety-green{color:#62e99d;border-color:rgba(55,192,118,.55);background:rgba(37,176,101,.08);}
.safety-card h3{margin:5px 0 6px;font-family:var(--font-display);font-size:18px;line-height:1.05;color:#f8fbff;}.safety-card p{margin:0;color:#99adbd;font-size:11px;line-height:1.5;}
.safety-bottom{position:relative;z-index:1;margin-top:14px;padding:16px;border-radius:16px;border:1px solid rgba(42,88,121,.65);background:rgba(5,15,25,.78);display:flex;justify-content:space-between;gap:16px;align-items:center;}
.safety-checklist{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:#afbfcc;font-size:10px;}.safety-checklist strong{width:100%;color:#edf7ff;font-size:12px;}.safety-checklist span{color:#9eb4c4;}.safety-actions{display:flex;gap:8px;flex:0 0 auto;}.button-warning{background:linear-gradient(180deg,#ffad2f,#ef7800);border:1px solid #ffbd56;color:#120b02;box-shadow:0 0 20px rgba(255,132,0,.15);}
.purchase-legal-note{margin-top:14px;display:grid;grid-template-columns:auto 1fr;gap:11px;padding:13px 14px;border:1px solid rgba(255,164,38,.42);border-radius:13px;background:linear-gradient(180deg,rgba(35,26,11,.55),rgba(8,16,25,.92));}
.purchase-legal-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f79918;color:#130b00;font-weight:1000}.purchase-legal-note strong{font-size:11px}.purchase-legal-note p{margin:3px 0 0;color:#a6b6c2;font-size:9px;line-height:1.45}.purchase-legal-note a{color:#69d2ff;text-decoration:underline;text-underline-offset:2px;}
.legal-consent-box{padding:13px;border:1px solid rgba(255,160,31,.38);border-radius:13px;background:rgba(35,25,10,.28);margin:10px 0 14px}.legal-consent-title{display:flex;gap:9px;align-items:center;margin-bottom:9px}.legal-consent-title>span{width:28px;height:28px;border-radius:8px;background:#f49b1d;color:#130b00;display:grid;place-items:center;font-weight:1000}.legal-consent-title strong{display:block;font-size:11px}.legal-consent-title small{display:block;color:#9f8f74;font-size:8px;margin-top:2px}.terms-row a{color:#59ccff;text-decoration:underline;text-underline-offset:2px;}
.dashboard-preflight{margin-top:15px;padding:16px;border:1px solid rgba(255,161,29,.42);border-radius:14px;background:linear-gradient(180deg,rgba(36,27,12,.48),rgba(6,15,24,.98));}
.preflight-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.preflight-alert{width:42px;height:42px;border-radius:12px;background:#ff9e1f;color:#130b00;display:grid;place-items:center;font-size:25px;font-weight:1000}.preflight-head small{color:#ffb74f;font-size:8px;font-weight:900;letter-spacing:.1em}.preflight-head h2{margin:2px 0 3px;font-size:19px}.preflight-head p{margin:0;color:#8da4b6;font-size:9px}.preflight-head>a{color:#55cbff;font-size:9px}.preflight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.preflight-grid>div{padding:11px;border:1px solid rgba(28,71,102,.72);border-radius:11px;background:#06111c}.preflight-grid span{display:block;color:#ffae33;font-size:9px;font-weight:900}.preflight-grid strong{display:block;margin:3px 0 4px;font-size:11px}.preflight-grid p{margin:0;color:#8298aa;font-size:8px;line-height:1.4}
.terms-modal[hidden]{display:none}.terms-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.terms-modal-backdrop{position:absolute;inset:0;background:rgba(0,4,9,.78);backdrop-filter:blur(8px)}.terms-modal-card{position:relative;z-index:1;width:min(620px,100%);padding:24px;border-radius:20px;border:1px solid rgba(255,158,25,.5);background:linear-gradient(180deg,#0b1724,#060e18);box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 38px rgba(255,139,0,.08)}.terms-modal-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#9fb2c2;font-size:27px;cursor:pointer}.terms-modal-icon{width:46px;height:46px;border-radius:14px;background:#ff9e1e;color:#160d00;display:grid;place-items:center;font-size:28px;font-weight:1000;margin-bottom:10px}.terms-modal-card h2{font-family:var(--font-display);font-size:27px;margin:5px 0 7px}.terms-modal-card>p{color:#9eb2c1;font-size:11px;line-height:1.5}.terms-modal-list{display:grid;gap:8px;margin:15px 0}.terms-modal-list label{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid rgba(29,75,108,.7);border-radius:10px;background:#06111c;color:#c5d4df;font-size:10px;line-height:1.4}.terms-modal-list a{color:#54ccff;text-decoration:underline}.terms-modal-card .button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.3)}.modal-secondary-link{display:block;text-align:center;margin-top:11px;color:#6bcfff;font-size:9px}

/* Legal pages */
.legal-body{background:linear-gradient(180deg,#02070d,#06111c 42%,#030810);}.legal-page{padding:34px 0 52px}.legal-hero{max-width:980px;margin:0 auto 22px;text-align:center}.legal-version{color:#ffae34;font-size:10px;font-weight:900;letter-spacing:.16em}.legal-hero h1{font-family:var(--font-display);font-size:clamp(38px,5vw,62px);line-height:.95;margin:8px 0 10px;letter-spacing:-1.7px}.legal-hero p{margin:0 auto;max-width:820px;color:#9eb2c2;font-size:14px;line-height:1.6}.legal-meta{display:flex;justify-content:center;gap:8px;margin-top:13px}.legal-meta span{padding:6px 9px;border-radius:999px;border:1px solid rgba(38,100,144,.65);background:#061421;color:#8fa8ba;font-size:9px}.legal-summary{max-width:1160px;margin:0 auto 18px;padding:16px 18px;border-radius:16px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;border:1px solid rgba(255,164,29,.46);background:linear-gradient(180deg,rgba(40,29,10,.5),rgba(6,16,25,.95))}.blue-summary{border-color:rgba(35,145,215,.48);background:linear-gradient(180deg,rgba(7,30,48,.82),rgba(6,16,25,.95))}.legal-summary-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#f5a01e;color:#140c00;font-size:25px;font-weight:1000}.blue-summary .legal-summary-icon{background:#159be1;color:#02131d}.legal-summary strong{display:block;font-size:13px}.legal-summary p{margin:3px 0 0;color:#a7b8c4;font-size:11px;line-height:1.48}.legal-layout{display:grid;grid-template-columns:240px minmax(0,920px);gap:18px;justify-content:center;align-items:start}.legal-toc{position:sticky;top:100px;padding:15px;border-radius:15px;border:1px solid rgba(30,79,114,.68);background:rgba(5,15,25,.95);display:grid;gap:5px}.legal-toc strong{font-size:9px;color:#6bd0ff;letter-spacing:.12em;margin-bottom:4px}.legal-toc a{padding:7px 8px;border-radius:8px;color:#93a9b9;font-size:9px}.legal-toc a:hover{background:#0a2032;color:#eef8ff}.legal-document{padding:24px 28px;border-radius:20px;border:1px solid rgba(31,82,119,.72);background:linear-gradient(180deg,rgba(7,18,31,.98),rgba(4,13,22,.99));box-shadow:var(--blue-glow),var(--shadow)}.legal-document section{scroll-margin-top:105px;padding:19px 0;border-top:1px solid rgba(28,69,98,.44)}.legal-document section:first-child{padding-top:0;border-top:0}.legal-document h2{font-family:var(--font-display);font-size:23px;letter-spacing:-.4px;margin:0 0 9px;color:#f6fbff}.legal-document p{color:#a5b6c3;font-size:12px;line-height:1.7;margin:8px 0}.legal-document strong{color:#eaf7ff}.legal-callout{margin:13px 0;padding:12px 14px;border-radius:12px;border-left:3px solid #f8a11e;background:rgba(39,27,9,.5);color:#b9c6cf;font-size:10px;line-height:1.55}.legal-callout.red{border-left-color:#ff5d55;background:rgba(46,13,13,.38)}.legal-callout.blue{border-left-color:#31bfff;background:rgba(4,29,48,.5)}.standalone-legal{max-width:1080px;margin:18px auto}.safety-guide-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.safety-guide-grid article{padding:17px;border-radius:15px;border:1px solid rgba(31,82,119,.7);background:linear-gradient(180deg,rgba(7,19,31,.98),rgba(4,13,22,.99))}.safety-guide-grid span{display:inline-block;color:#ffac31;font-weight:900;font-size:10px}.safety-guide-grid h2{font-family:var(--font-display);font-size:18px;margin:5px 0 6px}.safety-guide-grid p{margin:0;color:#93a8b8;font-size:10px;line-height:1.5}.change-preview-demo{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:12px 0}.change-preview-demo>div{padding:14px;border-radius:12px;border:1px solid rgba(29,79,115,.68);background:#06111c}.change-preview-demo small{display:block;color:#6fcfff;font-size:8px}.change-preview-demo strong{display:block;margin:4px 0}.change-preview-demo span{color:#8098aa;font-size:9px}.change-preview-demo>b{color:#ffad31;font-size:24px}.legal-actions-row{display:flex;gap:9px;justify-content:center;margin-top:16px}.legal-footer{padding:18px 0}.legal-footer-inner{display:flex;justify-content:space-between;color:#7891a4;font-size:9px}.legal-footer-inner nav{display:flex;gap:13px}.legal-footer-inner a{color:#9fb5c5}
@media(max-width:1050px){.safety-head{align-items:flex-start;flex-direction:column}.safety-grid{grid-template-columns:1fr}.safety-bottom{align-items:flex-start;flex-direction:column}.legal-layout{grid-template-columns:1fr}.legal-toc{position:static;grid-template-columns:repeat(2,1fr)}.preflight-grid{grid-template-columns:repeat(2,1fr)}.safety-guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.safety-shell{padding:18px}.safety-head h2{font-size:29px}.safety-actions{flex-direction:column;width:100%}.safety-actions .button{width:100%}.safety-guide-grid,.preflight-grid{grid-template-columns:1fr}.legal-document{padding:18px}.legal-toc{grid-template-columns:1fr}.legal-actions-row{flex-direction:column}.legal-footer-inner{flex-direction:column;gap:8px}.preflight-head{grid-template-columns:auto 1fr}.preflight-head>a{grid-column:1/-1}.change-preview-demo{grid-template-columns:1fr}.change-preview-demo>b{transform:rotate(90deg);text-align:center}}

/* === PrimeNex V14 readability patch === */
html{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body{
  font-family:"Segoe UI Variable Text","Segoe UI","Inter","Tahoma",Arial,sans-serif;
}
body, p, small, li, label, input, textarea, select, button{
  text-shadow:none;
}

/* Global small-text cleanup */
.hero-copy > p,
.section-heading p,
.feature-grid p,
.quick-benefits ul,
.quick-benefits li,
.account-card > p,
.input-wrap > span,
.account-row,
.or,
.signup-copy,
.compatibility,
.proof-strip small,
.dashboard-welcome p,
.dashboard-download-info p,
.dashboard-status-grid p,
.dashboard-news-item p,
.dashboard-account-card p,
.auth-copy p,
.auth-copy ul,
.auth-form > p,
.selected-plan,
.demo-notice,
.back-link,
.terms-row,
.hero-feature small,
.hero-feature b,
.plan-features li,
.plan-note,
.footer-copy,
.footer-links a,
.footer-meta,
.games-v12-lead,
.games-v12-feature-list b,
.games-v12-feature-list span,
.games-v12-metrics p,
.v12-card-sub,
.v12-card-footer,
.games-v12-library-copy p,
.supported-sub,
.supported-title,
.safety-head p,
.safety-card p,
.safety-checklist,
.purchase-legal-note p,
.legal-consent-title small,
.terms-modal-card > p,
.terms-modal-list label,
.modal-secondary-link,
.legal-hero p,
.legal-summary p,
.legal-toc a,
.legal-document p,
.legal-callout,
.safety-guide-grid p,
.change-preview-demo small,
.change-preview-demo span,
.legal-footer-inner,
.legal-footer-inner a{
  font-size: clamp(13px, 0.88vw, 15px) !important;
  line-height: 1.68 !important;
  letter-spacing: 0 !important;
  color: #c7d5e1 !important;
}

.eyebrow,
.section-kicker,
.dash-kicker,
.safety-kicker,
.safety-label,
.legal-version,
.legal-toc strong,
.safety-guide-grid span,
.change-preview-demo small,
.hero-feature b{
  font-size: clamp(12px, 0.8vw, 13px) !important;
  letter-spacing: .08em !important;
}

.hero-feature small{font-weight:600; color:#ecf5ff !important;}
.hero-feature b{color:#6fd8ff !important;}
.compatibility{color:#afc1cf !important;}

/* Headings and labels */
.account-card h2{font-size:30px;}
.section-heading h2{font-size:34px; line-height:1.06;}
.feature-grid h3{font-size:20px; font-weight:800; letter-spacing:-.02em;}
.legal-document h2{font-size:35px; line-height:1.08; margin-bottom:12px;}
.safety-head h2{font-size:40px; line-height:1.03;}
.safety-card h3{font-size:25px; line-height:1.1;}
.legal-summary strong{font-size:20px;}
.legal-toc a{padding:9px 10px !important;}
.legal-document section{padding:22px 0;}
.change-preview-demo strong{font-size:27px;}

/* Specific legal/readability zones */
.purchase-legal-note strong,
.legal-consent-title strong,
.safety-checklist strong,
.quick-benefits li strong,
.dashboard-section-title h3,
.dashboard-news-item strong,
.dashboard-account-card h3,
.auth-form h2{
  font-size: 18px !important;
  line-height:1.3 !important;
}
.legal-summary{padding:20px 22px; gap:16px;}
.legal-summary-icon{width:52px; height:52px; font-size:28px;}
.legal-document{padding:30px 34px;}
.legal-callout{padding:15px 16px; font-size:14px !important;}
.safety-guide-grid article{padding:22px;}
.change-preview-demo>div{padding:18px;}
.legal-footer-inner{font-size:13px !important;}

/* Forms, buttons, nav */
.nav-links{font-size:14px;}
.button{font-size:14px; min-height:46px;}
.input-wrap > span{font-weight:800; color:#e7f1f8 !important;}
.input-wrap input{font-size:15px;}
.account-row{font-size:13px !important;}
.or{font-size:12px !important;}
.signup-copy{font-size:13px !important;}
.terms-row{gap:10px; align-items:flex-start;}
.terms-row input{transform:translateY(2px) scale(1.08);}

/* Dashboard/support text */
.dashboard-sidebar nav a{font-size:13px;}
.logout{font-size:13px;}
.dashboard-download-info small,
.dashboard-status-grid small,
.dashboard-section-title a,
.dashboard-news-item > b,
.dashboard-news-item time,
.plan-status-large small,
.plan-status-large span,
.version-pills span,
.dashboard-download-actions > a:not(.button){
  font-size:12px !important;
}
.dashboard-status-grid strong{font-size:19px;}
.dashboard-welcome h1{font-size:40px;}

/* Ensure small text in cards is crisp */
.feature-grid article,
.legal-document,
.safety-guide-grid article,
.purchase-legal-note,
.legal-consent-box,
.terms-modal-list label,
.quick-benefits,
.dashboard-news,
.dashboard-account-card{
  -webkit-font-smoothing: antialiased;
  backdrop-filter: blur(0);
}

@media (max-width: 1050px){
  .legal-document{padding:24px 22px;}
  .legal-document h2{font-size:30px;}
  .section-heading h2{font-size:30px;}
}
@media (max-width: 760px){
  .hero-copy > p,
  .section-heading p,
  .feature-grid p,
  .legal-document p,
  .legal-summary p,
  .safety-guide-grid p,
  .terms-modal-list label,
  .dashboard-welcome p,
  .dashboard-download-info p,
  .dashboard-account-card p{
    font-size:14px !important;
  }
  .legal-document{padding:20px 18px;}
  .legal-document h2{font-size:26px;}
  .safety-head h2{font-size:32px;}
}


/* === PrimeNex V15: affiliate / referral program === */
.affiliate-page{padding:26px 0 48px;display:grid;gap:18px}.affiliate-hero{padding:30px 32px;display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:center;background:radial-gradient(circle at 78% 40%,rgba(0,137,255,.18),transparent 32%),linear-gradient(135deg,rgba(7,22,37,.99),rgba(5,14,24,.99))}.affiliate-kicker{font-family:var(--font-display);font-weight:900;letter-spacing:.13em;color:#56ceff;font-size:13px}.affiliate-hero h1{font-family:var(--font-display);font-size:clamp(42px,4.5vw,68px);line-height:.93;letter-spacing:-1.7px;margin:9px 0 15px}.affiliate-hero h1 span{color:#ff7b18}.affiliate-hero p{max-width:850px;margin:0;color:#c7d5e1;font-size:16px;line-height:1.65}.affiliate-hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.affiliate-hero-badges span{padding:9px 12px;border-radius:999px;border:1px solid rgba(45,137,198,.64);background:#071725;color:#d9e8f4;font-weight:800;font-size:13px}.affiliate-fox-card{min-height:240px;display:grid;place-items:center;text-align:center;border-radius:18px;border:1px solid rgba(40,139,205,.65);background:radial-gradient(circle,rgba(0,135,255,.16),rgba(4,15,25,.94) 65%);position:relative;overflow:hidden}.affiliate-fox-card::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px dashed rgba(61,183,255,.25);animation:spin 24s linear infinite}.affiliate-fox-logo{width:150px;height:150px;background:url('assets/primenex-logo-web.png') center/contain no-repeat;position:relative;z-index:1;filter:drop-shadow(0 0 22px rgba(0,134,255,.3))}.affiliate-fox-card strong,.affiliate-fox-card small{position:relative;z-index:1}.affiliate-fox-card strong{font-family:var(--font-display);font-size:25px}.affiliate-fox-card small{color:#8ea8bb;font-size:12px;margin-top:-20px}.affiliate-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.affiliate-share-card,.affiliate-qr-card,.affiliate-rules,.affiliate-stats{padding:26px}.affiliate-link-box{padding:18px;border:1px solid rgba(32,91,133,.72);border-radius:15px;background:#06111c}.affiliate-link-box label{display:block;font-weight:800;font-size:13px;margin-bottom:8px}.affiliate-link-row{display:grid;grid-template-columns:1fr auto;gap:10px}.affiliate-link-row input{min-width:0;height:48px;border:1px solid rgba(46,120,172,.72);border-radius:10px;background:#030b14;color:#eef7ff;padding:0 14px;font-size:14px;outline:none}.affiliate-code-row{display:grid;grid-template-columns:auto auto 1fr;gap:9px 12px;align-items:center;margin-top:13px;color:#8ea7b9;font-size:13px}.affiliate-code-row strong{padding:5px 9px;border-radius:7px;background:rgba(0,116,255,.11);color:#6fd2ff;letter-spacing:.05em}.affiliate-share-actions{display:flex;gap:9px;margin-top:13px}.affiliate-copy-status{min-height:22px;margin-top:8px;color:#67e59a;font-weight:700;font-size:13px}.affiliate-qr-card{text-align:center;background:radial-gradient(circle at 50% 45%,rgba(0,132,255,.16),transparent 45%),linear-gradient(180deg,rgba(7,19,32,.98),rgba(4,13,22,.99))}.affiliate-qr-title span{display:block;color:#ff9f26;font-family:var(--font-display);font-size:12px;font-weight:900;letter-spacing:.13em}.affiliate-qr-title strong{display:block;font-family:var(--font-display);font-size:30px;margin-top:6px}.affiliate-qr-stage{width:min(390px,100%);margin:16px auto 10px;position:relative}.affiliate-qr-gif{width:100%;border-radius:24px;box-shadow:0 0 35px rgba(0,128,255,.18)}.affiliate-qr-slogan{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:8px}.mini-fox{width:54px;height:54px;background:url('assets/favicon.png') center/contain no-repeat}.affiliate-qr-slogan strong{display:block;font-family:var(--font-display);font-size:20px;text-align:left}.affiliate-qr-slogan small{display:block;color:#9eb2c1;font-size:12px;text-align:left}.affiliate-qr-note{color:#7e98aa;font-size:12px;margin:10px 0 0}.affiliate-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.affiliate-rule-grid article{padding:20px;border-radius:15px;border:1px solid rgba(31,82,119,.72);background:#06111c}.affiliate-rule-grid .rule-highlight{border-color:rgba(255,142,35,.58);background:linear-gradient(180deg,rgba(40,24,7,.42),rgba(6,17,28,.98))}.rule-number{display:block;color:#55ccff;font-family:var(--font-display);font-weight:900;font-size:13px}.rule-highlight .rule-number{color:#ffac39}.affiliate-rule-grid h3{font-family:var(--font-display);font-size:24px;margin:7px 0 7px}.affiliate-rule-grid p{margin:0;color:#a8bac7;font-size:14px;line-height:1.55}.affiliate-discount-table{margin-top:18px;border:1px solid rgba(34,88,128,.72);border-radius:15px;overflow:hidden}.affiliate-discount-table>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:center;padding:14px 16px;border-top:1px solid rgba(28,72,104,.58);font-size:14px}.affiliate-discount-table>div:first-child{border-top:0}.discount-head{background:#071827;color:#81d7ff;font-family:var(--font-display);font-weight:900}.discount-featured{background:rgba(255,115,16,.055)}.discount-pill{display:inline-flex;justify-self:start;padding:6px 10px;border-radius:999px;background:rgba(28,152,255,.12);border:1px solid rgba(50,158,225,.58);color:#75d8ff;font-weight:900}.discount-pill.hot{background:rgba(255,120,20,.12);border-color:rgba(255,144,48,.58);color:#ffb258}.affiliate-footnote{margin:12px 0 0;color:#8ea4b5;font-size:13px;line-height:1.55}.affiliate-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.affiliate-stat-grid article{padding:18px;border-radius:15px;border:1px solid rgba(31,82,119,.72);background:#06111c}.affiliate-stat-grid span{display:block;color:#8fa7b8;font-size:13px}.affiliate-stat-grid strong{display:block;font-family:var(--font-display);font-size:36px;margin:5px 0;color:#f4f9ff}.affiliate-stat-grid small{color:#708b9e;font-size:12px}.affiliate-days-stat{border-color:rgba(255,145,46,.56)!important;background:linear-gradient(180deg,rgba(42,25,8,.42),#06111c)!important}.affiliate-days-stat strong{color:#ffad3c!important}.affiliate-progress-wrap{margin-top:16px}.affiliate-progress-wrap>div:first-child{display:flex;justify-content:space-between;gap:18px;font-size:13px;color:#a8bac7}.affiliate-progress{height:10px;margin-top:9px;border-radius:999px;background:#03101a;overflow:hidden;border:1px solid rgba(31,82,119,.72)}.affiliate-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0a69ff,#1bc4ff,#ff8a22);box-shadow:0 0 18px rgba(0,145,255,.25)}.affiliate-terms-note{padding:17px 19px;border-radius:14px;border:1px solid rgba(255,153,31,.48);background:linear-gradient(180deg,rgba(42,29,9,.40),rgba(5,15,24,.95))}.affiliate-terms-note strong{display:block;color:#ffc05c;font-size:15px}.affiliate-terms-note p{margin:5px 0 0;color:#b8c7d1;font-size:13px;line-height:1.6}.affiliate-dashboard-card{margin-top:15px;padding:20px;border:1px solid rgba(44,128,184,.72);border-radius:14px;background:radial-gradient(circle at 85% 50%,rgba(0,132,255,.13),transparent 28%),linear-gradient(180deg,#071522,#06111c);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.affiliate-dashboard-copy h2{font-size:27px;margin:5px 0 7px}.affiliate-dashboard-copy p{margin:0 0 13px;color:#a9bbc8;font-size:14px;line-height:1.5}.affiliate-dashboard-mini{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:13px}.affiliate-dashboard-mini span{padding:7px 10px;border-radius:999px;background:#081d2f;border:1px solid rgba(36,117,175,.6);font-size:12px;color:#bcd0dd}.affiliate-dashboard-mini b{color:#5fd1ff}.affiliate-dashboard-qr{width:140px;text-align:center}.affiliate-dashboard-qr img{width:140px;height:140px;object-fit:contain;border-radius:14px}.affiliate-dashboard-qr span{display:block;margin-top:5px;color:#6bcfff;font-size:11px;font-weight:900}.client-sidebar nav a[href="afiliados.html"],.dashboard-sidebar nav a[href="afiliados.html"]{color:#ffd18b}.client-sidebar nav a[href="afiliados.html"]::before,.dashboard-sidebar nav a[href="afiliados.html"]::before{content:"↗ ";color:#48cbff}@media(max-width:1050px){.affiliate-hero,.affiliate-grid{grid-template-columns:1fr}.affiliate-rule-grid,.affiliate-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.affiliate-page{padding-top:16px}.affiliate-hero,.affiliate-share-card,.affiliate-qr-card,.affiliate-rules,.affiliate-stats{padding:20px}.affiliate-rule-grid,.affiliate-stat-grid{grid-template-columns:1fr}.affiliate-link-row{grid-template-columns:1fr}.affiliate-code-row{grid-template-columns:1fr}.affiliate-share-actions{flex-direction:column}.affiliate-discount-table>div{grid-template-columns:1fr;gap:5px}.discount-head{display:none!important}.affiliate-dashboard-card{grid-template-columns:1fr}.affiliate-dashboard-qr{width:120px}.affiliate-dashboard-qr img{width:120px;height:120px}.affiliate-progress-wrap>div:first-child{flex-direction:column;gap:3px}}

/* V16 affiliate reward emphasis */
.affiliate-discount-table>div>span:last-child strong{color:#f7fbff;font-family:var(--font-display);font-size:16px;letter-spacing:.01em}.affiliate-vital-row{border-left:3px solid #ff9d2e;background:linear-gradient(90deg,rgba(255,129,21,.10),rgba(255,115,16,.045))!important}.affiliate-vital-row .discount-pill{box-shadow:0 0 18px rgba(255,119,20,.16)}


/* PrimeNex V17 — affiliate progression */
.affiliate-level-banner{margin:18px 0;display:grid;grid-template-columns:auto 1fr;gap:14px 18px;align-items:center;padding:18px;border:1px solid rgba(255,157,36,.52);border-radius:16px;background:radial-gradient(circle at 8% 50%,rgba(255,126,18,.11),transparent 28%),linear-gradient(180deg,rgba(25,21,13,.72),rgba(6,16,26,.96));box-shadow:0 0 24px rgba(255,123,15,.07)}
.affiliate-level-banner>div:first-child{min-width:150px;padding-right:18px;border-right:1px solid rgba(255,164,53,.22)}
.affiliate-level-banner>div:first-child span{display:block;color:#ffae42;font-size:11px;font-weight:900;letter-spacing:.13em}.affiliate-level-banner>div:first-child strong{display:block;margin:4px 0;font-family:var(--font-display);font-size:28px;color:#fff}.affiliate-level-banner>div:first-child small{color:#8fa5b5;font-size:12px}
.affiliate-goal-copy strong{display:block;font-size:17px;color:#f5fbff}.affiliate-goal-copy span{display:block;margin-top:4px;color:#9fb3c1;font-size:13px}.affiliate-goal-meter{grid-column:1/-1;height:12px;border-radius:999px;overflow:hidden;border:1px solid rgba(40,99,140,.76);background:#03101a}.affiliate-goal-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0a6bff,#21c8ff,#ff9a28);box-shadow:0 0 18px rgba(0,145,255,.28)}
.affiliate-tier-table>div{grid-template-columns:.72fr 1.25fr 1.35fr}.affiliate-tier-table b{color:#f7fbff}.tier-same{color:#83d7ff;font-weight:800}.tier-unlocked{color:#ffc36e;font-weight:800}.affiliate-tier-table .discount-featured{background:linear-gradient(90deg,rgba(255,109,16,.055),rgba(7,17,28,.82))}
@media(max-width:680px){.affiliate-level-banner{grid-template-columns:1fr}.affiliate-level-banner>div:first-child{border-right:0;border-bottom:1px solid rgba(255,164,53,.22);padding:0 0 12px}.affiliate-tier-table>div{grid-template-columns:1fr;gap:7px}}