*, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; background: #0A0B12; color: #E6E8F0; font-family: Poppins, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
  h1, h2, h3 { margin: 0; color: #fff; text-wrap: pretty; }
  p { margin: 0; text-wrap: pretty; }
  strong { color: #fff; font-weight: 600; }
  a { color: #C48CFF; text-decoration: none; }
  a:hover { color: #E0C0FF; }
.x1:hover{color:#fff !important; transform:translateY(-2px) !important; box-shadow:0 8px 0 #4E0884, 0 18px 40px rgba(151,16,246,.6), inset 0 1px 0 rgba(255,255,255,.35) !important}
.x1:active{transform:translateY(5px) !important; box-shadow:0 1px 0 #4E0884, 0 6px 16px rgba(151,16,246,.4), inset 0 1px 0 rgba(255,255,255,.35) !important}
.x2:hover{color:#fff !important; transform:translateY(-2px) !important; box-shadow:0 8px 0 #4E0884, 0 18px 40px rgba(151,16,246,.6), inset 0 1px 0 rgba(255,255,255,.35) !important}
.x2:active{transform:translateY(5px) !important; box-shadow:0 1px 0 #4E0884, 0 6px 16px rgba(151,16,246,.4), inset 0 1px 0 rgba(255,255,255,.35) !important}
.x3:hover{color:#fff !important; border-color:rgba(185,99,255,.5) !important; background:rgba(151,16,246,.12) !important}
.x4:hover{color:#fff !important; border-color:rgba(185,99,255,.5) !important; background:rgba(151,16,246,.12) !important}
.x5:hover{color:#fff !important; border-color:rgba(185,99,255,.5) !important; background:rgba(151,16,246,.12) !important}
.x6:hover{color:#fff !important; border-color:rgba(185,99,255,.5) !important; background:rgba(151,16,246,.12) !important}