body {
   box-sizing: border-box;
   margin: 0;
   font-family: system-ui, sans-serif;
   font-size: 1rem;
   color: #f0f0f0;
   background: linear-gradient(180deg, #000 0%, #333 100%);
   height: 100dvh;
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   text-transform: uppercase;
   padding: 1rem;
   overflow: hidden;
 }

 body h1 {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
   align-items: center;
   text-align: center;
   position: relative;
   z-index: 1;
   color: transparent;
   background-color: #f0f0f0;
   background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='8' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='3' intercept='-1'/%3E%3CfeFuncG type='linear' slope='3' intercept='-1'/%3E%3CfeFuncB type='linear' slope='3' intercept='-1'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.2'/%3E%3C/svg%3E");
   background-repeat: repeat;
   background-size: 256px 256px;
   background-blend-mode: multiply;
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 body h1 div:first-child {
   font-size: 2rem;
   font-weight: 600;
   letter-spacing: 0.12em;
 }

 body h1 div:last-child {
   font-size: 1.25rem;
   font-weight: 300;
   letter-spacing: 0.25em;
 }

 body::before {
   content: "";
   position: fixed;
   inset: 0;
   z-index: -1;
   opacity: 0.85;
   background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='8' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='3' intercept='-1'/%3E%3CfeFuncG type='linear' slope='3' intercept='-1'/%3E%3CfeFuncB type='linear' slope='3' intercept='-1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
   background-repeat: repeat;
   background-size: 256px 256px;
   pointer-events: none;
   mix-blend-mode: multiply;
   animation: flicker 8s ease-in-out infinite, drift 20s linear infinite;
 }