* { box-sizing: border-box; margin: 0; padding: 0; }
body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #000000; font: 18px monospace, Helvetica, sans-serif; color: #ffffff; line-height: 1.6; padding: 20px; }
article { max-width: 650px; text-align: left; }
h1 { font-size: 2.5rem; margin: 0; }
p { margin-bottom: 15px; }
div { margin-top: 20px; }
a { color: #3cff00; text-decoration: none; }
a:hover { color: #ffffff; }
@media (max-width: 768px) { body { padding: 15px; font-size: 16px; } h1 { font-size: 2rem; } }
@media (max-width: 480px) { body { padding: 10px; font-size: 14px; } h1 { font-size: 1.5rem; } }