*,
      *::before,
      *::after {
        margin: 0;
        padding: 0;
        box-sizing: border-box
      }

      :root {
        --bg: #000015;
        --bg2: #0a001f;
        --bg3: #12003a;
        --cyan: #00ffcc;
        --mag: #c300ff;
        --pink: #ff44aa;
        --grn: #39ff14;
        --gold: #ffd700;
        --red: #ff4d4d;
        --t1: #eeeeff;
        --t2: #9999cc;
        --t3: #555580;
        --r: 14px;
        --rs: 10px;
        --side: 300px;
        --nav: 56px
      }
	  
#authMod .dep-modal{animation:fadeIn .3s ease}
#authMod input:focus{outline:none;border-color:var(--cyan)}	  

/* === FA Icon helpers === */
.fai { display:inline-flex; align-items:center; justify-content:center; width:1em; height:1em; font-size:inherit; vertical-align:-0.1em; }
.fai-sm { font-size:.85em; }
.fai-lg { font-size:1.2em; }
.fai-mr { margin-right:4px; }
.fai-ml { margin-left:4px; }
.fai-gold { color:#ffd700; }
.fai-cyan { color:#00ffcc; }
.fai-red { color:#ff4d4d; }
.fai-grn { color:#39ff14; }
.fai-purple { color:#c300ff; }
.fai-blue { color:#4488ff; }
.fai-white { color:#fff; }
.fai-silver { color:#c0c0c0; }
.fai-bronze { color:#cd7f32; }

.dep-overlay {
  display: none;          /* скрыта по-умолчанию */
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.dep-overlay.ac {
  display: flex;          /* показывается при классе ac */
}

      html {
        scroll-behavior: smooth
      }

      body {
        font-family: 'Montserrat', sans-serif;
        background: var(--bg);
        color: var(--t1);
        min-height: 100vh;
        overflow-x: hidden
      }

      h1,
      h2,
      h3,
      h4,
      h5 {
        font-weight: 800
      }

      ::-webkit-scrollbar {
        width: 4px;
        height: 4px
      }

      ::-webkit-scrollbar-track {
        background: transparent
      }

      ::-webkit-scrollbar-thumb {
        background: rgba(0, 255, 204, .15);
        border-radius: 2px
      }

      button {
        font-family: inherit;
        border: none;
        cursor: pointer;
        outline: none
      }

      input,
      select {
        font-family: inherit;
        outline: none
      }

      a {
        text-decoration: none;
        color: inherit
      }

      #particleBg {
        position: fixed;
        inset: 0;
        z-index: 0;
        pointer-events: none
      }

      body::before {
        content: '';
        position: fixed;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background: radial-gradient(ellipse at 10% 15%, rgba(0, 255, 204, .03) 0%, transparent 45%), radial-gradient(ellipse at 90% 85%, rgba(195, 0, 255, .03) 0%, transparent 45%)
      }