*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{min-height:100svh;display:flex;flex-direction:column;background:#120626;color:#fff;font-family:'Bangers','Impact','Arial Black',sans-serif;letter-spacing:.04em;overflow-x:hidden}
.bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.overlay{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(10,0,25,.45),rgba(10,0,25,.85)),linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.55))}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;gap:.6rem}
.soon{font-size:clamp(1.4rem,4vw,2.4rem);background:#FFD400;color:#111;padding:.2em .8em;border:4px solid #000;box-shadow:6px 6px 0 #000;transform:rotate(-3deg);text-transform:uppercase}
.uni{font-size:clamp(1.3rem,3.5vw,2.2rem);color:#3EF2FF;text-shadow:3px 3px 0 #000;margin-top:.8rem;text-transform:uppercase}
.logo{margin:-1.5rem 0;line-height:0}
.logo img{display:block;width:min(92vw,760px);height:auto;filter:drop-shadow(0 0 18px rgba(0,0,0,.6))}
.teaser{margin-top:1.4rem;font-size:clamp(1.2rem,3.4vw,2rem);background:#fff;color:#111;border:4px solid #000;border-radius:28px;padding:.5em 1.2em;box-shadow:6px 6px 0 #000;max-width:90vw}
footer{text-align:center;padding:1.2rem 1rem 1.6rem;font-family:system-ui,sans-serif;letter-spacing:0}
.social{display:flex;justify-content:center;gap:1rem;margin-bottom:.7rem}
.social a{width:44px;height:44px;display:grid;place-items:center;background:#FFD400;border:3px solid #000;border-radius:50%;box-shadow:3px 3px 0 #000;transition:transform .15s}
.social a:hover,.social a:focus-visible{transform:translate(-2px,-2px) rotate(-6deg);background:#3EF2FF}
.social svg{width:22px;height:22px;fill:#111}
.copy{font-size:.85rem;color:#ddd;text-shadow:1px 1px 0 #000}