/* FORM */
    .grid2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin-bottom: 16px;
    }

    .fg3 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }

    .fg {
      display: flex;
      flex-direction: column;
      gap: 5px;
    }

    .fg.s2 {
      grid-column: span 2;
    }

    .fg.s3 {
      grid-column: span 3;
    }

    .lbl {
      font-size: 10px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .9px;
      color: var(--mu);
    }

    .inp {
      background: rgba(4, 10, 24, .9);
      border: 1px solid rgba(148, 163, 184, .15);
      border-radius: var(--r3);
      padding: 10px 13px;
      color: var(--tx);
      font-size: 13px;
      font-family: inherit;
      outline: none;
      transition: all .18s;
      width: 100%;
    }

    .inp:focus {
      border-color: rgba(96, 165, 250, .48);
      box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
    }

    .inp::placeholder {
      color: var(--mu);
    }

    select.inp option {
      background: #060f1e;
    }

    textarea.inp {
      resize: vertical;
      min-height: 80px;
      line-height: 1.5;
    }
