/* ═══════════════════════════════════════════════════
   PPI NETWORK v15 — ONE THEME: Deep Royal Blue Dark
   No light mode. No theme toggle. One clean look.
   ═══════════════════════════════════════════════════ */

/* ── HARD RESET ── */
*, *::before, *::after { box-sizing: border-box; }
html, body {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100%;
}

/* ── VARIABLES ── */
:root {
  --bg0:   #010a17;
  --bg1:   #030e1e;
  --bg2:   #061529;
  --bg3:   #0a1e3a;
  --card:  #071326;
  --card2: #0c1d38;
  --stroke: rgba(56,120,255,.18);
  --stroke2: rgba(56,120,255,.10);
  --text:   #ddeeff;
  --text2:  #a8c4e8;
  --muted:  #6a8db8;
  --blue:   #2060e8;
  --blue2:  #3b7cf4;
  --blue3:  #5a9bff;
  --blue4:  #85baff;
  --glow:   rgba(37,99,235,.55);
  --green:  #00e87a;
  --gold:   #f5c542;
  --red:    #f06060;
  --orange: #f5923e;
}

/* ── BODY ── */
body {
  background: var(--bg0) !important;
  color: var(--text);
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 15px;
  padding-top: 0 !important;
}
/* Override Bootstrap dark theme whites */
.bg-body, .bg-white, .card { background: transparent !important; }

/* ── FIXED DEEP BLUE BACKGROUND ── */
.site-bg {
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(ellipse 100% 80% at -5% -5%,  rgba(20,70,220,.50), transparent 45%),
    radial-gradient(ellipse 80%  70% at 105% 105%, rgba(10,50,180,.35), transparent 45%),
    radial-gradient(ellipse 60%  50% at 50%  0%,   rgba(5, 30,100,.40), transparent 55%),
    linear-gradient(175deg, #010c1f 0%, #020d22 35%, #040f28 65%, #010a17 100%);
}

/* ── PARTICLES ── */
#particles-canvas {
  position: fixed; inset: 0; z-index: 0;
  pointer-events: none; opacity: .40;
}

/* ── SPLASH LOADER ── */
#site-loader {
  position: fixed; inset: 0; z-index: 99999;
  background: var(--bg0);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 1.5rem;
  transition: opacity .5s, visibility .5s;
}
#site-loader .loader-logo {
  width: 74px; height: 74px; border-radius: 22px;
  background: linear-gradient(135deg, var(--blue), var(--blue3));
  display: flex; align-items: center; justify-content: center;
  font-size: 2rem; font-weight: 900; color: #fff;
  box-shadow: 0 0 60px var(--glow);
  animation: lpulse 1s ease-in-out infinite alternate;
}
@keyframes lpulse {
  from { transform: scale(1);    box-shadow: 0 0 35px var(--glow); }
  to   { transform: scale(1.10); box-shadow: 0 0 70px var(--glow); }
}
#site-loader .loader-bar {
  width: 210px; height: 4px; border-radius: 99px;
  background: rgba(255,255,255,.08); overflow: hidden;
}
#site-loader .loader-bar-fill {
  height: 100%; border-radius: 99px;
  background: linear-gradient(90deg, var(--blue), var(--blue3));
  animation: lfill 1s ease-in-out forwards;
}
@keyframes lfill { from{width:0} to{width:100%} }
#site-loader.hidden { opacity: 0; visibility: hidden; }

/* ── NAVBAR ── */
.ppi-navbar {
  background: rgba(1, 10, 25, 0.95) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-bottom: 1px solid rgba(37,99,235,.22) !important;
  padding: .42rem 0 !important;
  margin: 0 !important;
  top: 0 !important;
  z-index: 1050;
  min-height: 54px;
  box-shadow: 0 4px 30px rgba(0,0,0,.40);
}
/* override bootstrap sticky-top behavior */
body { padding-top: 0 !important; }

.navbar-brand { text-decoration: none; color: #fff !important; }
.brand-name { font-weight: 700; color: #ddeeff; font-size: .98rem; }
.brand-orb {
  display: inline-flex; align-items: center; justify-content: center;
  width: 33px; height: 33px; border-radius: 10px; font-weight: 900;
  background: linear-gradient(135deg, var(--blue), var(--blue3));
  color: #fff; flex-shrink: 0; font-size: .88rem;
  box-shadow: 0 4px 16px var(--glow);
}
.nav-link {
  color: #b0ccee !important; opacity: 1;
  font-size: .875rem; padding: .36rem .5rem !important;
  transition: color .15s;
}
.nav-link:hover { color: #85baff !important; }
.navbar-toggler { border-color: rgba(56,120,255,.3); }
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(176,204,238,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ── PAGE WRAPPER ── */
.page-wrapper {
  position: relative; z-index: 1;
  padding-top: .15rem; padding-bottom: 3rem;
}
.container { max-width: 1300px; }

/* ── GLASS CARDS ── */
.dash-card, .stat-card, .hero-card, .auth-card, .glass-panel {
  background: var(--card) !important;
  border: 1px solid var(--stroke) !important;
  border-radius: 20px;
  backdrop-filter: blur(14px);
  box-shadow: 0 12px 44px rgba(0,0,0,.38);
  color: var(--text) !important;
  position: relative; z-index: 1;
}
.gradient-card {
  background:
    radial-gradient(circle at top right, rgba(20,70,220,.28), transparent 45%),
    var(--card) !important;
}
/* All text in cards */
.dash-card *, .stat-card *, .hero-card *, .auth-card * { color: inherit; }

/* ── CARD HOVER ── */
.dash-card, .stat-card, .admin-stat-card, .click-stat-card,
.mini-stat, .home-heading-box, .trust-card, .review-card {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.dash-card:hover, .stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 60px rgba(0,0,0,.42), 0 0 0 1px rgba(37,99,235,.32);
  border-color: rgba(56,120,255,.35) !important;
}
.admin-stat-card:hover { transform: translateY(-5px); box-shadow: 0 22px 55px rgba(0,0,0,.42); }
.click-stat-card:hover { transform: translateY(-5px); box-shadow: 0 20px 55px rgba(0,0,0,.40), 0 0 0 1px rgba(56,120,255,.30); }
.mini-stat:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,.28); }
.home-heading-box:hover { transform: translateY(-4px); box-shadow: 0 18px 48px rgba(0,0,0,.30); border-color: rgba(56,120,255,.30) !important; }
.trust-card:hover { transform: translateY(-3px); }
.review-card:hover { transform: translateY(-3px); border-color: rgba(56,120,255,.28) !important; }

/* ── ADMIN STAT CARDS ── */
.admin-stat-card {
  border-radius: 20px; padding: 1.2rem 1.3rem;
  display: flex; align-items: center; gap: 1rem;
  background: var(--card) !important;
  border: 1px solid var(--stroke) !important;
}
.admin-stat-icon {
  width: 56px; height: 56px; border-radius: 16px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem; color: #fff;
}
.admin-stat-icon.blue   { background: linear-gradient(135deg,#1540c0,#2f6ef5); box-shadow: 0 8px 26px rgba(21,64,192,.50); }
.admin-stat-icon.green  { background: linear-gradient(135deg,#076644,#10b981); box-shadow: 0 8px 26px rgba(7,102,68,.45); }
.admin-stat-icon.orange { background: linear-gradient(135deg,#994c0a,#f5923e); box-shadow: 0 8px 26px rgba(153,76,10,.45); }
.admin-stat-icon.purple { background: linear-gradient(135deg,#4d1eb0,#9d6af5); box-shadow: 0 8px 26px rgba(77,30,176,.45); }
.admin-stat-icon.red    { background: linear-gradient(135deg,#991010,#f06060); box-shadow: 0 8px 26px rgba(153,16,16,.45); }
.admin-stat-label { font-size: .77rem; color: var(--muted); margin-bottom: .1rem; text-transform: uppercase; letter-spacing: .04em; }
.admin-stat-value { font-size: 1.75rem; font-weight: 900; color: #ddeeff; line-height: 1.1; }

/* ── CLICK STAT CARDS ── */
.click-stat-card {
  border-radius: 18px; padding: 1.1rem; text-align: center;
  min-height: 124px; display: flex; flex-direction: column;
  justify-content: center; gap: .28rem;
  background: var(--card) !important;
  border: 1px solid var(--stroke) !important;
}
.click-stat-card .csn { font-size: clamp(1.2rem,2.1vw,1.85rem); font-weight: 900; }
.click-stat-card .csl { font-size: .82rem; color: var(--muted); }

/* ── LOGO WATERMARK ── */
.card-logo-bg { position: relative; overflow: hidden; }
.card-logo-bg::before {
  content: none !important;
  display: none !important;
}
.card-logo-bg > * { position: relative; z-index: 1; }

/* ── TEXT ── */
h1,h2,h3,h4,h5,h6 { color: #ddeeff; }
p, li, td, th, span, label, div { color: var(--text); }
.small-muted { color: var(--muted) !important; font-size: .86rem; }
.text-muted { color: var(--muted) !important; }
.lead { color: var(--text2); }
.subtle-divider { height: 1px; background: rgba(37,99,235,.14); margin: 1rem 0; }

/* ── MINI STAT / CODE BOX ── */
.mini-stat, .code-box {
  background: rgba(20,55,140,.18) !important;
  border: 1px solid rgba(56,120,255,.18) !important;
  border-radius: 14px;
}
.mini-stat { padding: .88rem 1rem; }
.mini-stat strong { color: #ddeeff; }
.code-box {
  padding: .9rem 1rem; word-break: break-word;
  font-family: ui-monospace, 'Cascadia Code', Menlo, monospace; font-size: .86rem;
  color: #a8d4ff !important;
}

/* ── FORMS ── */
.form-control, .form-select, textarea, input[type="text"],
input[type="email"], input[type="password"], input[type="number"] {
  background: rgba(10,28,65,.55) !important;
  border: 1px solid rgba(56,120,255,.25) !important;
  color: #ddeeff !important;
  border-radius: 13px !important;
  padding: .72rem 1rem !important;
  transition: border-color .18s, box-shadow .18s;
}
.form-control::placeholder, textarea::placeholder { color: var(--muted) !important; }
.form-control:focus, .form-select:focus, textarea:focus {
  border-color: var(--blue2) !important;
  box-shadow: 0 0 0 .22rem rgba(37,99,235,.28) !important;
  background: rgba(12,32,75,.65) !important;
}
.form-label { color: #a8c4e8 !important; font-weight: 500; font-size: .86rem; margin-bottom: .35rem; }
.input-group-text {
  background: rgba(10,28,65,.55) !important;
  border-color: rgba(56,120,255,.25) !important;
  color: var(--muted) !important; border-radius: 13px !important;
}
/* Select dropdown — dark background, no white */
.form-select option, .form-select optgroup,
select option, select optgroup {
  background: #071328 !important;
  color: #ddeeff !important;
}

/* ── FORM CHECKS ── */
.form-check-input {
  background-color: rgba(37,99,235,.22) !important;
  border-color: rgba(56,120,255,.40) !important;
}
.form-check-input:checked {
  background-color: var(--blue2) !important;
  border-color: var(--blue2) !important;
}
.form-check-label { color: #a8c4e8 !important; font-size: .87rem; }

/* ── BUTTONS ── */
.btn { border-radius: 12px !important; font-size: .88rem; font-weight: 600; }
.ppi-btn-primary, .btn-primary {
  background: linear-gradient(135deg, #1540c0, #2563eb) !important;
  border: none !important; color: #fff !important;
  box-shadow: 0 7px 22px rgba(21,64,192,.40);
  transition: transform .18s, box-shadow .18s;
}
.ppi-btn-primary:hover, .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 38px rgba(21,64,192,.58);
  color: #fff !important;
}
.btn-success {
  background: linear-gradient(135deg,#065f44,#10b981) !important;
  border: none !important; color: #fff !important;
}
.btn-warning {
  background: linear-gradient(135deg,#8a4d08,#f5c542) !important;
  border: none !important; color: #000 !important;
}
.ppi-btn-danger, .btn-danger {
  background: linear-gradient(135deg,#8b1010,#dc2626) !important;
  border: none !important; color: #fff !important;
}
.ppi-btn-outline, .btn-outline-light, .btn-outline-secondary {
  background: transparent !important;
  border: 1px solid rgba(56,120,255,.32) !important;
  color: #a8c4e8 !important;
  transition: background .18s, border-color .18s, transform .18s;
}
.ppi-btn-outline:hover, .btn-outline-light:hover, .btn-outline-secondary:hover {
  background: rgba(37,99,235,.18) !important;
  border-color: rgba(90,155,255,.55) !important;
  color: #fff !important; transform: translateY(-1px);
}
.btn-outline-danger {
  background: transparent !important;
  border: 1px solid rgba(240,96,96,.35) !important; color: #f09090 !important;
}
.btn-outline-danger:hover { background: rgba(185,28,28,.2) !important; color: #fff !important; }
.btn-secondary { background: rgba(30,65,155,.45) !important; border: 1px solid rgba(56,120,255,.28) !important; color: #c5daff !important; }
.btn:disabled, .btn.disabled { opacity: .45; }

/* ── BADGE ── */
.badge { border-radius: 8px !important; font-size: .73rem; }
.badge-valid  { background:rgba(0,232,122,.13);color:#00e87a;border:1px solid rgba(0,232,122,.22);border-radius:8px;padding:.18rem .5rem;font-size:.73rem;font-weight:700; }
.badge-dup    { background:rgba(245,197,66,.12);color:#f5c542;border:1px solid rgba(245,197,66,.22);border-radius:8px;padding:.18rem .5rem;font-size:.73rem;font-weight:700; }
.badge-fake   { background:rgba(240,96,96,.13);color:#f06060;border:1px solid rgba(240,96,96,.22);border-radius:8px;padding:.18rem .5rem;font-size:.73rem;font-weight:700; }
.badge-rdp    { background:rgba(245,146,62,.13);color:#f5923e;border:1px solid rgba(245,146,62,.22);border-radius:8px;padding:.18rem .5rem;font-size:.73rem;font-weight:700; }
.text-bg-success { background:rgba(0,232,122,.18)!important;color:#00e87a!important; }
.text-bg-warning { background:rgba(245,197,66,.18)!important;color:#f5c542!important; }
.text-bg-danger  { background:rgba(240,96,96,.18)!important;color:#f06060!important; }
.text-bg-secondary { background:rgba(30,65,155,.30)!important;color:#85baff!important; }
.text-bg-info    { background:rgba(37,99,235,.18)!important;color:#85baff!important; }

/* ── TABLE ── */
.table {
  --bs-table-bg: transparent;
  --bs-table-color: #ddeeff;
  --bs-table-striped-bg: transparent;
  --bs-table-hover-bg: rgba(37,99,235,.10);
}
.table thead th {
  color: var(--blue3) !important; border-bottom: 1px solid rgba(56,120,255,.20) !important;
  font-size: .77rem; text-transform: uppercase; letter-spacing: .05em; white-space: nowrap;
  background: transparent !important;
}
.table td, .table th { border-color: rgba(56,120,255,.09) !important; font-size: .87rem; color: #ddeeff !important; background: transparent !important; }
.table tbody tr:hover td { background: rgba(37,99,235,.10) !important; }
.table-responsive { border-radius: 16px; }
.table-striped > tbody > tr:nth-of-type(odd) { background: transparent !important; }

/* ── TABS ── */
.tabs-soft .nav-link {
  color: var(--muted) !important; border: 0; border-radius: 12px;
  padding: .55rem .85rem; background: transparent; font-size: .87rem;
  transition: background .15s, color .15s;
}
.tabs-soft .nav-link.active { color: #fff !important; background: rgba(20,64,200,.50); }
.tabs-soft .nav-link:hover  { color: var(--blue4) !important; }

/* ── CHIPS ── */
.price-chip {
  display: inline-flex; gap: .38rem; align-items: center;
  padding: .28rem .78rem; border-radius: 999px; font-size: .78rem;
  color: var(--blue4); background: rgba(37,99,235,.14); border: 1px solid rgba(56,120,255,.25);
}
.realtime-chip {
  display: inline-flex; align-items: center; gap: .34rem;
  background: rgba(0,232,122,.09); border: 1px solid rgba(0,232,122,.20);
  border-radius: 999px; padding: .22rem .7rem; font-size: .78rem; color: var(--green);
}
.realtime-chip::before {
  content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%;
  background: var(--green); box-shadow: 0 0 7px var(--green);
  animation: bdot 1.2s step-end infinite;
}
@keyframes bdot { 0%,100%{opacity:1} 50%{opacity:.18} }

/* ── NOTIFICATION BELL ── */
.notif-bell-wrap { position: relative; display: inline-flex; }
.notif-badge {
  position: absolute; top: -6px; right: -8px;
  background: linear-gradient(135deg, #c00, #f55);
  color: #fff; font-size: .62rem; font-weight: 800;
  min-width: 17px; height: 17px; border-radius: 99px;
  display: flex; align-items: center; justify-content: center;
  padding: 0 3px; border: 2px solid var(--bg0);
  box-shadow: 0 3px 10px rgba(200,0,0,.50);
  animation: npop .3s cubic-bezier(.34,1.56,.64,1);
}
@keyframes npop { from{transform:scale(0)} to{transform:scale(1)} }

/* ── PROGRESS BAR ── */
.ppi-progress-wrap { margin: .5rem 0; }
.ppi-progress-label { display:flex;justify-content:space-between;font-size:.81rem;margin-bottom:.34rem;color:var(--muted); }
.ppi-progress-track { height:9px;border-radius:99px;background:rgba(37,99,235,.15);overflow:hidden; }
.ppi-progress-fill {
  height:100%;border-radius:99px;
  background:linear-gradient(90deg,#1540c0,#5a9bff);
  box-shadow:0 0 14px rgba(37,99,235,.50);
  transition:width 1.2s cubic-bezier(.22,.61,.36,1);width:0%;
}

/* ── EARNINGS CALCULATOR ── */
.calc-result { font-size:1.9rem;font-weight:900;color:var(--green);text-shadow:0 0 20px rgba(0,232,122,.32); }

/* ── ALERTS ── */
.ppi-alert-success { background:rgba(0,100,60,.22)!important;border:1px solid rgba(0,232,122,.25)!important;color:#6ee7b7!important;border-radius:14px; }
.ppi-alert-danger  { background:rgba(140,10,10,.22)!important;border:1px solid rgba(240,96,96,.25)!important;color:#fca5a5!important;border-radius:14px; }
.ppi-alert-warning { background:rgba(120,70,0,.22)!important;border:1px solid rgba(245,197,66,.25)!important;color:#fde68a!important;border-radius:14px; }
.ppi-alert-info    { background:rgba(15,50,150,.22)!important;border:1px solid rgba(90,155,255,.25)!important;color:#bae6fd!important;border-radius:14px; }
.alert-dismissible .btn-close { filter: invert(1) opacity(.6); }

/* ── DROPDOWN ── */
.dropdown-menu {
  background: #071328 !important;
  border:1px solid rgba(56,120,255,.20) !important;
  border-radius:14px; backdrop-filter:blur(20px);
  box-shadow: 0 16px 48px rgba(0,0,0,.50);
}
.dropdown-item { color:#b8d0f0!important;font-size:.88rem; }
.dropdown-item:hover { background:rgba(37,99,235,.18)!important;color:#fff!important; }

/* ── LIST GROUP ── */
.list-group-item { background:rgba(15,40,100,.28)!important;border-color:rgba(56,120,255,.14)!important;color:#ddeeff!important; }

/* ── SEARCH ── */
.search-input-wrap { position:relative; }
.search-input-wrap i { position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none; }
.search-input-wrap .form-control { padding-left:2.55rem!important; }

/* ── TELEGRAM LINKS ── */
a.tg-smart-link { color:var(--blue3)!important;font-weight:700;text-decoration:none; }
a.tg-smart-link:hover { color:var(--blue4)!important;text-decoration:underline; }

/* ── HOMEPAGE / HERO ── */
.hero-cta-link {
  display:inline-flex;align-items:center;gap:.5rem;
  background:linear-gradient(135deg,#1540c0,#2563eb);
  color:#fff!important;font-weight:800;border-radius:14px;
  padding:.88rem 2.1rem;font-size:1rem;text-decoration:none;
  box-shadow:0 12px 36px rgba(21,64,192,.48);
  transition:transform .18s,box-shadow .18s;
}
.hero-cta-link:hover { transform:translateY(-3px);box-shadow:0 18px 52px rgba(21,64,192,.65); }
.hero-cta-secondary {
  display:inline-flex;align-items:center;gap:.42rem;
  border:1px solid rgba(56,120,255,.32);color:#b8d0f0!important;
  border-radius:12px;padding:.82rem 1.7rem;font-size:.95rem;
  text-decoration:none;backdrop-filter:blur(8px);
  transition:border-color .18s,background .18s;
}
.hero-cta-secondary:hover { border-color:rgba(90,155,255,.55);background:rgba(37,99,235,.14); }

.home-heading-box {
  position:relative;overflow:hidden;border-radius:18px;padding:1.1rem 1.2rem;
  background:rgba(10,28,70,.40)!important;border:1px solid rgba(56,120,255,.18)!important;
}
.trust-card {
  display:flex;align-items:center;gap:.5rem;padding:.78rem .95rem;
  border-radius:14px;background:rgba(10,28,70,.40);border:1px solid rgba(56,120,255,.18);
  color:#ddeeff;font-weight:700;font-size:.88rem;
}
.trust-card i { color:var(--blue3); }
.review-card { border-radius:18px;padding:.95rem 1.05rem;background:rgba(10,28,70,.38);border:1px solid rgba(56,120,255,.14); }
.review-stars { color:#f5c542;letter-spacing:.1rem; }
.privacy-badge {
  display:inline-flex;align-items:center;padding:.42rem .82rem;border-radius:999px;
  background:rgba(37,99,235,.13);border:1px solid rgba(56,120,255,.22);color:#ddeeff;font-size:.87rem;
}
.guide-step { display:flex;gap:.8rem;align-items:flex-start; }
.guide-step-num {
  width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#1540c0,#3b7cf4);
  color:#fff;font-weight:800;flex-shrink:0;
}
.hero-note-accent { color:var(--blue3);font-weight:700; }
.dollar-glow { color:var(--green);text-shadow:0 0 18px rgba(0,232,122,.35); }
.status-dot { width:9px;height:9px;border-radius:50%;display:inline-block; }
.status-dot.live { background:#00e87a;box-shadow:0 0 0 5px rgba(0,232,122,.15); }
.card-link { text-decoration:none;color:inherit; }
.chart-container { position:relative; }
.hero-simple-grid { display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem; }
.hero-trust-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem; }
.home-cta-row { display:flex;flex-wrap:wrap;gap:.9rem; }
.marketing-bullet { margin-bottom:.55rem;color:var(--text2); }
.hero-mini-copy { font-size:.96rem;color:var(--text2); }
.privacy-badge-list { display:flex;flex-wrap:wrap;gap:.65rem; }
.pay-per-click-row { display:flex;align-items:center;gap:.72rem;flex-wrap:wrap;margin-bottom:.6rem; }
.ppc-word { font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:900;letter-spacing:.03em;line-height:1; }
.ppc-pay  { color:#ddeeff; }
.ppc-per  { color:var(--muted); }
.ppc-click{ color:var(--green);text-shadow:0 0 22px rgba(0,232,122,.40); }
.flash-text-row { display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap; }
.hero-animated-tag { display:inline-block;font-size:.95rem;font-weight:700;color:var(--blue3);min-height:1.5rem; }

/* ── MISC ── */
code { color:var(--blue4)!important;background:rgba(37,99,235,.12);padding:.15rem .38rem;border-radius:6px;font-size:.83rem; }
pre  { background:rgba(5,18,50,.60)!important;border:1px solid rgba(56,120,255,.18);border-radius:14px;color:#a8d4ff; }
hr   { border-color:rgba(56,120,255,.14); }
a    { color:var(--blue3);transition:color .15s; }
a:hover { color:var(--blue4); }
.col-vis-card { background:rgba(15,40,100,.28)!important;border:1px solid rgba(56,120,255,.18)!important;border-radius:16px;padding:1rem 1.1rem; }

/* ── MOBILE ── */
@media(max-width:991.98px){
  .hero-simple-grid { grid-template-columns:1fr!important; }
  .hero-trust-grid  { grid-template-columns:1fr!important; }
  .page-wrapper { padding-top:.3rem; }
}
@media(max-width:767.98px){
  .admin-stat-value { font-size:1.3rem; }
  .click-stat-card .csn { font-size:1.15rem; }
  .hero-cta-link { padding:.78rem 1.6rem;font-size:.92rem; }
}


/* ── HOSTING-READY HOME CARD / TRAFFIC TIERS ── */
.hero-card.super-home-card {
  border-radius: 24px;
  box-shadow: 0 18px 70px rgba(0,0,0,.42), 0 0 0 1px rgba(56,120,255,.10);
}
.home-compact-top { margin-top: .15rem; }
.home-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.9rem; }
.home-feature-pill {
  background: rgba(10,28,70,.42);
  border:1px solid rgba(56,120,255,.18);
  border-radius:16px;
  padding:.95rem 1rem;
}
.home-feature-pill strong { display:block; margin-bottom:.25rem; }
.tier-line {
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  border-radius:14px; padding:.82rem 1rem; margin-bottom:.65rem;
  border:1px solid rgba(56,120,255,.14); background:rgba(10,28,70,.30);
}
.tier-line:last-child { margin-bottom:0; }
.tier-line .tier-name { font-weight:800; letter-spacing:.02em; }
.tier-line .tier-meta { font-size:.84rem; color:var(--text2); }
.tier-line .tier-value { font-size:1rem; font-weight:900; }
.tier-line.tier1 { border-left:4px solid #00e87a; }
.tier-line.tier1 .tier-name, .tier-line.tier1 .tier-value { color:#00e87a; }
.tier-line.tier2 { border-left:4px solid #7dd3fc; }
.tier-line.tier2 .tier-name, .tier-line.tier2 .tier-value { color:#7dd3fc; }
.tier-line.tier3 { border-left:4px solid #f06060; }
.tier-line.tier3 .tier-name, .tier-line.tier3 .tier-value { color:#f06060; }
.tier-line.other { border-left:4px solid #94a3b8; }
.tier-line.other .tier-name, .tier-line.other .tier-value { color:#cbd5e1; }
.traffic-tier-note { color:var(--muted); font-size:.84rem; }
.admin-info-list { display:grid; gap:.75rem; }
.fetch-install-card { border-radius:18px; }
.fetch-install-code { font-size:.8rem; }
@media(max-width:991.98px){ .home-feature-grid { grid-template-columns:1fr; } }