body { background-color: #1a1a1a; color: white; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; margin: 0; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; opacity: 0; animation: fadeIn 0.6s ease-in forwards; }
@keyframes fadeIn { to { opacity: 1; } }
header { margin-bottom: 2rem; max-width: 90vw; }
h1 { font-size: 2.5rem; margin: 0.5rem 0; }
p { font-size: 1.1rem; margin: 1rem 0; }
nav ul { list-style: none; padding: 0; }
nav li { display: inline; margin: 0 15px; }
nav a { color: white; text-decoration: none; font-size: 1.5rem; transition: all 0.3s ease; padding: 10px; }
nav a:hover { color: #ccc; transform: scale(1.2); }
nav a:active { transform: scale(0.95); }
footer { margin-top: 2rem; font-size: 0.9rem; }
@media (max-width: 768px) { h1 { font-size: 2rem; } p { font-size: 1rem; } nav li { margin: 0 12px; } nav a { font-size: 1.3rem; } }
@media (max-width: 480px) { body { padding: 15px; } h1 { font-size: 1.8rem; } nav li { margin: 0 8px; } nav a { font-size: 1.1rem; padding: 8px; } footer { font-size: 0.8rem; } }