*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#f4f1ee;-webkit-font-smoothing:antialiased;background:#3b4250;height:100%;font-family:Outfit,ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;overflow:hidden}#bg{width:100%;height:100%;display:block;position:fixed;inset:0}body:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(#0000 55%,#0a0a0e73 100%);position:fixed;inset:0}.grain{z-index:2;pointer-events:none;opacity:.09;animation:.6s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-6%,4%)}40%{transform:translate(5%,-7%)}60%{transform:translate(-3%,8%)}80%{transform:translate(7%,2%)}to{transform:translate(-4%,-5%)}}main{z-index:3;pointer-events:none;place-items:center;height:100%;display:grid;position:relative}h1{letter-spacing:-.035em;text-shadow:0 2px 40px #14141e40;font-size:clamp(2.75rem,7vw,6.5rem);font-weight:400;animation:2s ease-out both fade}@keyframes fade{0%{opacity:0;filter:blur(10px);transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.grain{animation:none}}