*{margin:0;padding:0;box-sizing:border-box}
body{
font-family:Arial,sans-serif;
background:#0f0f10;color:#f5f5f5;
height:100vh;display:flex;align-items:center;justify-content:center;
overflow:hidden}
.hero{text-align:center;animation:fade 1.5s ease}
.ascii{font:14px/14px monospace;color:#ddd;margin-bottom:20px}
h1{font-size:3rem;letter-spacing:2px}
p{opacity:.8;margin:18px 0}
.link, button{text-decoration:none;padding:14px 28px;border:1px solid #fff;background:transparent;color:#fff;border-radius:40px;cursor:pointer;transition:.3s}
.link:hover, button:hover{background:#fff;color:#000}
#countdown{font-size:1.2rem;margin:20px 0}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;
background-image:radial-gradient(#fff 0.6px,transparent .6px);
background-size:8px 8px}
@keyframes fade{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}