body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

* {
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
}

html, body {
    /* fallback (если градиент не поддерживается) */
  background-color: #0B0C12;

  /* старый синтаксис WebKit (очень старые iOS/Android) */
  background-image: -webkit-gradient(linear, left top, left bottom,
    from(#0B0C12), to(#3B426C));

  /* старый синтаксис WebKit (iOS < 9, Android < 5) */
  background-image: -webkit-linear-gradient(top, #0B0C12 0%, #3B426C 100%);

  /* стандартный синтаксис */
  background-image: linear-gradient(180deg, #0B0C12 0%, #3B426C 100%);

  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll; /* избегай fixed на iOS */
  -webkit-transform: translateZ(0); /* устраняет артефакты при скролле */
  transform: translateZ(0);
}