body { background-color: #1a1a1a; color: #A9A9A9; font-family: 'Source Code Pro', monospace; margin: 0; padding: 0; } header { background-color: #222; padding: 10px 20px; box-shadow: 0 0 10px #00FFFF; } h1 { color: #00FFFF; text-shadow: 0 0 5px #00FFFF; margin: 0; display: inline-block; } h1 span { color: #FF00FF; text-shadow: 0 0 5px #FF00FF; } nav { float: right; } nav a { color: #00FFFF; text-decoration: none; margin-left: 15px; text-shadow: 0 0 3px #00FFFF; } nav a:hover { color: #FF00FF; text-shadow: 0 0 5px #FF00FF; } main { padding: 20px; } h2, h3 { color: #00FFFF; text-shadow: 0 0 3px #00FFFF; } form { margin: 20px 0; } input, textarea, select { background-color: #333; border: 1px solid #00FFFF; color: #00FFFF; padding: 5px; margin: 5px 0; font-family: 'Source Code Pro', monospace; box-shadow: 0 0 3px #00FFFF; } input[type="submit"], .cyberpunk-button { background-color: #00FFFF; color: #1a1a1a; border: none; padding: 10px 20px; cursor: pointer; text-shadow: 0 0 3px #1a1a1a; box-shadow: 0 0 5px #00FFFF; } input[type="submit"]:hover, .cyberpunk-button:hover { background-color: #FF00FF; color: #1a1a1a; box-shadow: 0 0 5px #FF00FF; } .patient-card { border: 1px solid #00FFFF; padding: 10px; margin: 10px 0; border-radius: 5px; background-color: #222; box-shadow: 0 0 5px #00FFFF; } .patient-card h4 { color: #00FFFF; margin: 0 0 5px 0; } a.cyberpunk-button { display: inline-block; text-decoration: none; margin: 10px 0; }