* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }

  html {
    background:var(--bg);
    -webkit-text-size-adjust:100%;
            text-size-adjust:100%;
    overscroll-behavior:none;
    overflow-x:hidden;
  }

  body {
    background:
      radial-gradient(ellipse at 50% -12%, #33200f 0%, transparent 55%),
      radial-gradient(ellipse at 85% 105%, rgba(239,123,46,0.06) 0%, transparent 45%),
      linear-gradient(175deg, #221509 0%, var(--bg) 45%, #140d06 100%);
    background-attachment: fixed;
    background-color: var(--bg);
    color: var(--cream);
    overscroll-behavior:none;
    touch-action:manipulation;
    font-family: 'Jost', sans-serif;
    font-weight: 300;
    min-height: 100vh;
    overflow-x: hidden;
  }

  body::before {
    content:'';
    position:fixed; inset:0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
    pointer-events:none; z-index:0;
  }

  .page { position:relative; z-index:1; max-width:420px; margin:0 auto; padding:0 20px 60px; }