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

  :root {
    --purple: #7B5FFF;
    --purple-dark: #5a3fcf;
    --blue-dark: #0d0b1e;
    --blue-mid: #12103a;
    --text: #c8c8e8;
    --white: #ffffff;
    --accent: #a084ff;
  }

  html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100vw;
    background: var(--blue-dark);
    color: var(--white);
    font-family: 'Barlow', sans-serif;
    overflow-x: hidden;
    touch-action: manipulation;
  }

  /* Prevent iOS auto-zoom on input focus (requires font-size >= 16px) */
  @media screen and (max-width: 900px) {
    input, select, textarea { font-size: 16px !important; }
  }