body{margin:0;padding:0;background:#000 url(/images/PenumbraBackground.png) no-repeat 50%;background-size:cover;background-attachment:scroll;color:white;font-family:Courier New,monospace;min-height:100vh;overflow-x:hidden}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.star{position:absolute;width:6px;height:6px;border-radius:50%;animation:sparkle 1.5s infinite}.star:first-child{top:10%;left:20%;animation-delay:0s;background:#ff00ff}.star:nth-child(2){top:20%;left:80%;animation-delay:.3s;background:#00ffff}.star:nth-child(3){top:30%;left:10%;animation-delay:.6s;background:#ffff00}.star:nth-child(4){top:40%;left:90%;animation-delay:.9s;background:#ff0080}.star:nth-child(5){top:50%;left:30%;animation-delay:1.2s;background:#80ff00}.star:nth-child(6){top:60%;left:70%;animation-delay:1.5s;background:#0080ff}.star:nth-child(7){top:70%;left:15%;animation-delay:1.8s;background:#ff8000}.star:nth-child(8){top:80%;left:85%;animation-delay:.2s;background:#8000ff}.star:nth-child(9){top:15%;left:50%;animation-delay:.5s;background:#ff0040}.star:nth-child(10){top:25%;left:60%;animation-delay:.8s;background:#40ff00}.star:nth-child(11){top:35%;left:25%;animation-delay:1.1s;background:#0040ff}.star:nth-child(12){top:45%;left:75%;animation-delay:1.4s;background:#ff4000}.star:nth-child(13){top:55%;left:5%;animation-delay:1.7s;background:#4000ff}.star:nth-child(14){top:65%;left:95%;animation-delay:.1s;background:#00ff40}.star:nth-child(15){top:75%;left:40%;animation-delay:.4s;background:#ff0020}.star:nth-child(16){top:85%;left:55%;animation-delay:.7s;background:#20ff00}.star:nth-child(17){top:12%;left:35%;animation-delay:1s;background:#0020ff}.star:nth-child(18){top:22%;left:65%;animation-delay:1.3s;background:#ff2000}.star:nth-child(19){top:32%;left:45%;animation-delay:1.6s;background:#2000ff}.star:nth-child(20){top:42%;left:15%;animation-delay:1.9s;background:#00ff20}@keyframes sparkle{0%,to{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(2.5);box-shadow:0 0 20px currentColor,0 0 40px currentColor}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow-x:hidden;overflow-y:auto;padding:40px 0}.hero-decor{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.logo-with-moon{position:relative;display:inline-block}.logo-with-moon .logo{position:relative;z-index:3}.logo-with-moon .moon{top:-20px;right:20px;width:180px;max-width:30vw;z-index:2}.logo-with-moon .moon,.skull{position:absolute;height:auto}.skull{bottom:20px;left:20px;width:500px;max-width:40vw}.hero-logo{position:relative;z-index:3;margin-top:0;padding-top:80px}.hero-logo img{max-width:90%;width:800px;height:auto;margin-bottom:20px;object-fit:contain}.hero-buttons{font-family:Koulen,sans-serif;margin-top:0;position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hero-buttons a{padding:12px 20px;background-color:rgba(255,255,255,.2);border:1px solid #fff;border-radius:4px;color:#fff;text-decoration:none;transition:background-color .3s;white-space:nowrap}.hero-buttons a:hover{background-color:rgba(255,255,255,.4)}@media (max-width:768px){.hero-buttons{flex-direction:column;align-items:center;gap:8px}.hero-buttons a{min-width:120px;text-align:center}.star{width:4px;height:4px}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.5);box-shadow:0 0 10px currentColor}}}@media (max-width:768px){.hero{padding:50px 0 20px;justify-content:flex-start}.hero-logo{padding-top:0}.skull{bottom:10%;opacity:.7}.hero-logo img{width:500px;max-width:80vw;margin-bottom:5px}.logo-with-moon .moon{width:120px;max-width:25vw;top:-15px;right:10px}}@media (max-width:768px) and (orientation:landscape){.hero{height:auto;min-height:100vh;padding:40px 0 20px;overflow:visible;justify-content:flex-start}.hero-logo{padding-top:0}.hero-logo img{width:300px;max-width:60vw}.logo-with-moon .moon{width:100px;max-width:20vw;top:-15px;right:5px}.skull{width:70px;max-width:15vw;bottom:10px}[style*="margin: 0 0 30px 0; background-color: rgba(0,0,0,0.5)"]{padding:10px 15px;margin:0 0 15px!important}[style*="margin: 0 0 30px 0; background-color: rgba(0,0,0,0.5)"] p{font-size:.9em!important}}.nav{position:fixed;top:20px;left:20px;z-index:10}.nav a{color:white;text-decoration:none;font-family:Koulen,sans-serif;padding:8px 16px;background-color:rgba(255,255,255,.2);border:1px solid #fff;border-radius:4px;transition:background-color .3s}.nav a:hover{background-color:rgba(255,255,255,.4)}.page{min-height:100vh;padding:100px 20px 20px;text-align:center;max-width:800px;margin:0 auto}h1{font-family:Koulen,sans-serif;font-size:3em;margin-bottom:30px}