@font-face{font-family:VT323;src:url("VT323-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;font-family:VT323,"Courier New",monospace;background:#080b08;color:#9ee68c;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;padding:clamp(36px,8vw,112px) 26px 50px;background:radial-gradient(ellipse at 50% 25%,#13201255,transparent 75%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#00000018 3px,#00000018 4px)}
main{max-width:780px;margin:0 auto;text-shadow:0 0 14px #9ee68c22}
h1,p{font-size:clamp(25px,3.2vw,33px);font-weight:400;line-height:1.38;letter-spacing:.1px;margin:0 0 36px}
h1{color:#c5ffb5;margin-bottom:48px}
footer{margin-top:60px;font-size:21px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.share{color:#769b6b}
a{color:#769b6b;text-underline-offset:5px;text-decoration-thickness:1px}
a:focus-visible{outline:2px solid #c5ffb5;outline-offset:8px}
@media(hover:hover){a:hover{color:#c5ffb5}}
@media(max-width:500px){body{padding:42px 24px}h1{margin-bottom:34px}p{margin-bottom:30px}footer{margin-top:42px}}