@font-face {
    font-family: "Letter Gothic Std";
    src: url("fonts/letter-gothic.woff") format("woff");
    font-display: swap;
}

html, body { height: 100%; }
body {
    margin: 0;
    display: flex;
    flex-direction: column;
    background: #000;
    color: #fff;
    font-family: "Letter Gothic Std", "Courier New", monospace;
    line-height: 1.5;
    text-align: center;
}
#matrix {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
main {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.5rem;
}
.logo { max-width: 80vw; height: auto; }
p { margin: 0; }
.status {
    margin-top: 2.5rem;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: .15em;
    text-transform: uppercase;
}
.status span { color: #7fa9a9; }
.cursor { animation: blink 1s steps(1) infinite; }
.message {
    max-width: 30rem;
    margin-top: 1rem;
    color: #c8d4d4;
}
footer {
    padding: .75rem 1.5rem;
    background: rgba(0, 0, 0, .6);
    font-size: .8rem;
    color: #9c9c9c;
}

@keyframes blink { 50% { opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
    .cursor { animation: none; }
}