Mavi Neon + Animation ```css /* Base Styles */ body { background-color: #121212; /* Koyu arka plan */ color: #00aaff; /* Parlak mavi metin */ font-family: 'Courier New', Courier, monospace; /* Daha okunaklı bir font */ margin: 0; padding: 0; line-height: 1.8; text-shadow: 0 0 8px #00aaff; animation: fadeIn 2s ease-in-out; } /* Trampoline effect for the body when it has the specified classes */ body.show-menu.theme-dark.tab-system.disable-error { animation: trampoline 1.5s ease-out; } /* Trampoline animation */ @keyframes trampoline { 0% { transform: scale(1); } 20% { transform: scale(1.12); } 40% { transform: scale(0.88); } 60% { transform: scale(1.06); } 80% { transform: scale(0.98); } 100% { transform: scale(1); } } /* Fade-in effect */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Header */ header { background-color: #0a0a0a; color: #00aaff; text-align: center; padding: 15px 25px; font-size: 24px; text-transform: uppercase; letter-spacing: 3px; border-bottom: 2px solid #00aaff; animation: slideDown 1.5s ease-out; } /* Header animation */ @keyframes slideDown { from { transform: translateY(-70px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } /* Navigation */ nav a { color: #00aaff; text-decoration: none; margin: 0 25px; font-size: 20px; font-weight: bold; letter-spacing: 1.5px; transition: color 0.4s ease, transform 0.4s ease; } nav a:hover { color: #ff007f; text-decoration: underline; transform: scale(1.15) rotate(5deg); } /* Buttons with animations */ button { background-color: #00aaff; color: #000000; border: 3px solid #00aaff; padding: 12px 25px; border-radius: 8px; font-size: 18px; font-weight: bold; cursor: pointer; box-shadow: 0 0 12px rgba(0, 170, 255, 0.9); transition: transform 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease; } button:hover { background-color: #ff007f; color: #000000; border: 3px solid #ff007f; box-shadow: 0 0 18px rgba(255, 0, 127, 0.9); transform: scale(1.15) rotate(-5deg); } ```