/* PC Game Check — redesign theme for content pages (themes existing Bootstrap markup).
   Loaded AFTER bootstrap + style.css so it overrides. Content markup is untouched. */
:root{
  --bg:#08090d;--surface:#111319;--surface-2:#161922;--line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.13);
  --text:#eaecf2;--muted:#939aa8;--faint:#5f6675;--accent:#3ee0ee;--accent-2:#7b8cff;--accent-deep:#13a3b5;--cream:#FDFDD4;
  --maxw:1100px;--ease:cubic-bezier(.23,1,.32,1);
  /* Bootstrap variable overrides */
  --bs-body-bg:#08090d;--bs-body-color:#d9dce4;--bs-border-color:rgba(255,255,255,.1);--bs-primary:#3ee0ee;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg)!important;color:#d9dce4!important;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,h4,h5,h6{font-family:'Space Grotesk','Inter',sans-serif;letter-spacing:-.02em;color:#fff}
a{color:var(--accent)}
.container{max-width:var(--maxw)!important}
main{position:relative;z-index:2}
main p,main li{line-height:1.78}
main p{color:#d3d7e0}

/* aurora */
.pgc-aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.pgc-aurora span{position:absolute;border-radius:50%;filter:blur(90px);opacity:.32;will-change:transform}
.pgc-aurora .a1{width:520px;height:520px;top:-220px;left:-160px;background:radial-gradient(circle,rgba(62,224,238,.32),transparent 62%);animation:pgcd1 24s var(--ease) infinite}
.pgc-aurora .a2{width:440px;height:440px;top:-150px;right:-130px;background:radial-gradient(circle,rgba(123,140,255,.22),transparent 62%);animation:pgcd2 28s var(--ease) infinite}
@keyframes pgcd1{50%{transform:translate(70px,50px) scale(1.1)}}
@keyframes pgcd2{50%{transform:translate(-60px,40px) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.pgc-aurora span{animation:none}}

/* new glass nav (inline markup uses these classes) */
header.nav{position:sticky;top:0;z-index:50}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:14px auto;max-width:1200px;padding:.55rem .7rem .55rem 1rem;background:rgba(13,15,21,.6);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--line);border-radius:17px;box-shadow:0 18px 50px -26px rgba(0,0,0,.85)}
.brand{display:flex;align-items:center;gap:.6rem;font-family:'Space Grotesk';font-weight:700;font-size:1.12rem;color:#fff}
.brand .dot{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,var(--accent),var(--accent-deep));color:#04141a;box-shadow:0 6px 18px -6px rgba(62,224,238,.6)}
.brand b{background:linear-gradient(120deg,var(--cream),#e7e7ad 40%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-links{display:flex;align-items:center;gap:.2rem}
.nav-links a{padding:.5rem .85rem;border-radius:10px;color:var(--muted);font-weight:500;font-size:.92rem;transition:color .2s,background .2s}
.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(62,224,238,.1)}
.nav-cta{display:flex;align-items:center;gap:.6rem}
.menu-btn{display:none;background:none;border:1px solid var(--line-strong);color:var(--text);width:42px;height:42px;border-radius:12px;font-size:1.2rem}
@media(max-width:980px){.nav-links{display:none}.menu-btn{display:grid;place-items:center}}

/* buttons */
.btn{border-radius:13px!important;font-weight:600;transition:transform .14s var(--ease),background .2s,box-shadow .25s}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--accent)!important;color:#04141a!important;border:none!important;box-shadow:0 10px 36px -10px rgba(62,224,238,.5)}
.btn-primary:hover{background:#62eaf5!important;transform:translateY(-2px)}
.btn-outline-light,.btn-outline-secondary,.btn-outline-primary{border:1px solid var(--line-strong)!important;color:var(--text)!important;background:rgba(255,255,255,.03)!important}
.btn-outline-light:hover,.btn-outline-secondary:hover,.btn-outline-primary:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}

/* cards & surfaces */
.card,.tool-card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:16px!important}
.card-header{background:var(--surface-2)!important;border-color:var(--line)!important;color:#fff!important}
.bg-dark,.bg-transparent{background:var(--surface)!important}
.text-muted{color:var(--muted)!important}
.text-primary,a.text-primary{color:var(--accent)!important}
.border-secondary,.border-top,.border-bottom{border-color:var(--line)!important}
.lead{color:var(--muted)!important}
.gradient-text{background:linear-gradient(120deg,var(--accent),#9bedf5 55%,var(--cream));-webkit-background-clip:text;background-clip:text;color:transparent}
.badge.bg-secondary{background:var(--surface-2)!important;color:var(--muted)!important;border:1px solid var(--line);font-weight:500}

/* accordion (privacy/faq) */
.accordion-item{background:transparent!important;border-color:var(--line)!important;margin-bottom:.5rem;border-radius:12px!important;overflow:hidden}
.accordion-button{background:var(--surface)!important;color:#fff!important;font-weight:600;box-shadow:none!important}
.accordion-button:not(.collapsed){background:var(--surface-2)!important;color:var(--accent)!important}
.accordion-button::after{filter:invert(1) opacity(.6)}
.accordion-body{background:var(--surface)!important;color:var(--muted)!important}

/* links list groups */
.list-group-item{background:transparent!important;border-color:var(--line)!important;color:var(--text)!important}

/* footer (new inline markup) */
footer.pgc-foot{position:relative;z-index:2;border-top:1px solid var(--line);margin-top:48px;padding:46px 0 36px;background:transparent}
.pgc-foot .foot{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.pgc-foot .links{display:flex;gap:1.3rem;flex-wrap:wrap}
.pgc-foot .links a{color:var(--muted);font-size:.88rem;text-decoration:none}
.pgc-foot .links a:hover{color:#fff}
.pgc-foot .brand p{color:var(--muted);font-size:.9rem;margin-top:.8rem;max-width:34ch}
.pgc-foot small{color:var(--faint)}

:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}