*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--mt-font);
  font-size:16px;
  line-height:1.55;
  color:var(--mt-text);
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(255,122,24,.12), transparent 55%),
    radial-gradient(900px 500px at 10% 20%, rgba(57,255,136,.05), transparent 50%),
    linear-gradient(180deg, var(--mt-bg-2), var(--mt-bg));
  min-height:100vh;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
:focus-visible{outline:2px solid var(--mt-orange);outline-offset:2px}
.mt-app{position:relative;min-height:100vh;overflow-x:hidden}
.mt-container{width:min(100% - 48px, var(--mt-container));margin-inline:auto}
.mt-container--narrow{width:min(100% - 48px, 860px)}
.mt-muted{color:var(--mt-text-2)}
.mt-text-center{text-align:center}
.mt-main{position:relative;z-index:1;padding-top:var(--mt-header-h)}
.mt-bg-fx{pointer-events:none;position:fixed;inset:0;z-index:0;overflow:hidden;width:100%;max-width:100vw}
.mt-bg-fx__grid{
  position:absolute;inset:0;opacity:.08;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(circle at center, #000 20%, transparent 75%);
}
.mt-bg-fx__smoke{
  position:absolute;inset:-20% -10% auto;
  height:55%;
  background:radial-gradient(ellipse at 30% 40%, rgba(140,150,170,.12), transparent 55%),
             radial-gradient(ellipse at 70% 30%, rgba(255,122,24,.08), transparent 50%);
  animation:mt-drift 18s var(--mt-ease) infinite alternate;
}
.mt-bg-fx__sparks{
  position:absolute;inset:0;
  background-image:radial-gradient(2px 2px at 20% 30%, rgba(255,180,80,.7), transparent),
                   radial-gradient(1.5px 1.5px at 70% 60%, rgba(57,255,136,.55), transparent),
                   radial-gradient(1.5px 1.5px at 40% 80%, rgba(255,255,255,.4), transparent);
  animation:mt-spark 12s linear infinite;
  opacity:.55;
}
@keyframes mt-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(2%,3%,0)}}
@keyframes mt-spark{from{transform:translateY(0)}to{transform:translateY(-18px)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .mt-bg-fx__smoke,.mt-bg-fx__sparks,[data-reveal]{animation:none!important;transition:none!important}
}