/* Paramount Cyber Shop
 * Background: landing cyberpunk atmosphere.
 * Foreground: careers professionalism.
 */
:root{
  --bg:#04070c;--bg2:#0a1018;
  --panel:rgba(12,18,28,.88);--panel2:#0c121c;
  --line:rgba(140,165,190,.16);--line2:rgba(140,165,190,.28);
  --txt:#d5dee7;--dim:#8a97a6;--white:#f4f7fa;
  --accent:#3d8fb5;--accent-strong:#0f4c6a;--accent-soft:rgba(61,143,181,.14);
  --green:#3d8fb5;--green-dim:rgba(61,143,181,.12);
  --red:#c45b6a;--red-dim:rgba(196,91,106,.12);
  --amber:#c9a36a;--cyan:#5aa8c4;--violet:#7a8fb0;
  --font-d:"Source Serif 4",Georgia,"Times New Roman",serif;
  --font-b:"Outfit",system-ui,sans-serif;
  --font-m:var(--font-b);
  --radius:8px;
  --safe-b:env(safe-area-inset-bottom,0px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}
body{
  background:
    radial-gradient(ellipse 90% 45% at 50% -10%,rgba(57,255,122,.06),transparent 62%),
    radial-gradient(ellipse 48% 32% at 92% 34%,rgba(58,208,255,.04),transparent 72%),
    #04070c;
  color:var(--txt);font-family:var(--font-b);
  font-size:16px;line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:1;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px);
}
.grid-bg{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(rgba(57,255,122,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,255,122,.018) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.45;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);
}
.atmo{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 85% 55% at 50% -15%,rgba(15,76,106,.22),transparent 72%),
    radial-gradient(ellipse 50% 40% at 90% 80%,rgba(58,208,255,.03),transparent 60%);
}
::selection{background:var(--accent-strong);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[hidden]{display:none !important}
a{color:var(--accent)}